/* Crestivo Freight — design tokens (generated, do not edit by hand) */
/* Source: brand-kit/tokens/design-tokens.json                      */

:root {
    /* ---- palette ---- */
    --crf-blue-50: #F3F7FF;
    --crf-blue-100: #E2EBFF;
    --crf-blue-200: #C7D9FF;
    --crf-blue-300: #A3C0FF;
    --crf-blue-400: #6D9AFF;
    --crf-blue-500: #2F65FF;
    --crf-blue-600: #0A2EE8;
    --crf-blue-700: #061DC8;
    --crf-blue-800: #04169F;
    --crf-blue-900: #021274;
    --crf-blue-950: #010B47;
    --crf-slate-50: #F9FAFC;
    --crf-slate-100: #F2F4F7;
    --crf-slate-200: #E4E7ED;
    --crf-slate-300: #D1D5DC;
    --crf-slate-400: #ADB2BC;
    --crf-slate-500: #888D97;
    --crf-slate-600: #696F7A;
    --crf-slate-700: #505662;
    --crf-slate-800: #373E4B;
    --crf-slate-900: #202735;
    --crf-slate-950: #0E1524;
    --crf-ink-700: #171E30;
    --crf-ink-800: #0D1426;
    --crf-ink-900: #070D1E;
    --crf-ink-950: #030716;
    --crf-manila-50: #FFFAF4;
    --crf-manila-100: #FEF2E1;
    --crf-manila-200: #FAE7CB;
    --crf-manila-300: #F2DAB4;
    --crf-success-50: #EDFCEF;
    --crf-success-100: #D1F5D7;
    --crf-success-200: #ADE9B8;
    --crf-success-500: #36A558;
    --crf-success-600: #1E8B44;
    --crf-success-700: #167036;
    --crf-success-900: #063818;
    --crf-warning-50: #FFF7EE;
    --crf-warning-100: #FEEBD5;
    --crf-warning-200: #FDD9AD;
    --crf-warning-500: #F2A635;
    --crf-warning-600: #D28E26;
    --crf-warning-700: #9C6819;
    --crf-warning-900: #4F3207;
    --crf-danger-50: #FFF3F1;
    --crf-danger-100: #FEE1DD;
    --crf-danger-200: #FCC8C2;
    --crf-danger-500: #E24942;
    --crf-danger-600: #C92A28;
    --crf-danger-700: #A71A1B;
    --crf-danger-900: #5A0809;
    --crf-info-50: #EBFAFF;
    --crf-info-100: #D1F3FE;
    --crf-info-200: #ABE7F8;
    --crf-info-500: #31A1BD;
    --crf-info-600: #1F869E;
    --crf-info-700: #176C80;
    --crf-info-900: #073642;

    /* ---- data visualisation (non-semantic, categorical) ---- */
    --crf-dataviz-lane-1: #0A2EE8;
    --crf-dataviz-lane-2: #0098A4;
    --crf-dataviz-lane-3: #3D8E53;
    --crf-dataviz-lane-4: #AF8F15;
    --crf-dataviz-lane-5: #C64E31;
    --crf-dataviz-lane-6: #9240A4;
    --crf-dataviz-lane-7: #73A3D5;
    --crf-dataviz-lane-8: #888D97;

    /* ---- typography ---- */
    --crf-font-display: 'Archivo', 'Archivo Fallback', 'Helvetica Neue', Arial, sans-serif;
    --crf-font-text: 'Inter', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --crf-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --crf-weight-regular: 400;
    --crf-weight-medium: 500;
    --crf-weight-semibold: 600;
    --crf-weight-bold: 700;
    --crf-weight-extrabold: 800;
    --crf-text-display-lg-size: 48px;
    --crf-text-display-lg-line: 52px;
    --crf-text-display-lg-tracking: -0.022em;
    --crf-text-display-lg-weight: 700;
    --crf-text-display-md-size: 36px;
    --crf-text-display-md-line: 42px;
    --crf-text-display-md-tracking: -0.020em;
    --crf-text-display-md-weight: 700;
    --crf-text-heading-lg-size: 28px;
    --crf-text-heading-lg-line: 34px;
    --crf-text-heading-lg-tracking: -0.016em;
    --crf-text-heading-lg-weight: 600;
    --crf-text-heading-md-size: 22px;
    --crf-text-heading-md-line: 28px;
    --crf-text-heading-md-tracking: -0.012em;
    --crf-text-heading-md-weight: 600;
    --crf-text-heading-sm-size: 18px;
    --crf-text-heading-sm-line: 24px;
    --crf-text-heading-sm-tracking: -0.008em;
    --crf-text-heading-sm-weight: 600;
    --crf-text-body-lg-size: 16px;
    --crf-text-body-lg-line: 26px;
    --crf-text-body-lg-tracking: 0;
    --crf-text-body-lg-weight: 400;
    --crf-text-body-md-size: 14px;
    --crf-text-body-md-line: 22px;
    --crf-text-body-md-tracking: 0;
    --crf-text-body-md-weight: 400;
    --crf-text-body-sm-size: 13px;
    --crf-text-body-sm-line: 20px;
    --crf-text-body-sm-tracking: 0.002em;
    --crf-text-body-sm-weight: 400;
    --crf-text-label-md-size: 13px;
    --crf-text-label-md-line: 16px;
    --crf-text-label-md-tracking: 0.004em;
    --crf-text-label-md-weight: 500;
    --crf-text-label-sm-size: 11px;
    --crf-text-label-sm-line: 14px;
    --crf-text-label-sm-tracking: 0.06em;
    --crf-text-label-sm-weight: 600;
    --crf-text-data-md-size: 13px;
    --crf-text-data-md-line: 20px;
    --crf-text-data-md-tracking: 0;
    --crf-text-data-md-weight: 400;
    --crf-text-data-sm-size: 12px;
    --crf-text-data-sm-line: 18px;
    --crf-text-data-sm-tracking: 0;
    --crf-text-data-sm-weight: 400;

    /* ---- space / radius / elevation ---- */
    --crf-space-0: 0px;
    --crf-space-025: 2px;
    --crf-space-05: 4px;
    --crf-space-1: 8px;
    --crf-space-15: 12px;
    --crf-space-2: 16px;
    --crf-space-25: 20px;
    --crf-space-3: 24px;
    --crf-space-4: 32px;
    --crf-space-5: 40px;
    --crf-space-6: 48px;
    --crf-space-8: 64px;
    --crf-space-10: 80px;
    --crf-space-12: 96px;
    --crf-space-16: 128px;
    --crf-radius-none: 0;
    --crf-radius-sm: 3px;
    --crf-radius-md: 6px;
    --crf-radius-lg: 10px;
    --crf-radius-xl: 14px;
    --crf-radius-pill: 999px;
    --crf-shadow-xs: 0 1px 2px 0 rgba(11,21,51,0.06);
    --crf-shadow-sm: 0 1px 3px 0 rgba(11,21,51,0.08), 0 1px 2px -1px rgba(11,21,51,0.06);
    --crf-shadow-md: 0 4px 12px -2px rgba(11,21,51,0.10), 0 2px 4px -2px rgba(11,21,51,0.06);
    --crf-shadow-lg: 0 12px 28px -6px rgba(11,21,51,0.14), 0 4px 8px -4px rgba(11,21,51,0.06);
    --crf-shadow-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #0A2EE8;

    /* ---- motion ---- */
    --crf-duration-instant: 0ms;
    --crf-duration-fast: 120ms;
    --crf-duration-base: 180ms;
    --crf-duration-slow: 260ms;
    --crf-duration-deliberate: 400ms;
    --crf-easing-standard: cubic-bezier(0.20, 0.00, 0.10, 1.00);
    --crf-easing-entrance: cubic-bezier(0.05, 0.70, 0.10, 1.00);
    --crf-easing-exit: cubic-bezier(0.30, 0.00, 0.80, 0.15);
    --crf-easing-emphasis: cubic-bezier(0.30, 0.00, 0.00, 1.00);
    --crf-distance-nudge: 2px;
    --crf-distance-reveal: 8px;
    --crf-distance-panel: 16px;

    /* ---- semantic roles: light (default) ---- */
    --crf-surface-page: #F9FAFC;
    --crf-surface-raised: #FFFFFF;
    --crf-surface-sunken: #F2F4F7;
    --crf-surface-accent: #F3F7FF;
    --crf-surface-paper: #FFFAF4;
    --crf-border-subtle: #E4E7ED;
    --crf-border-default: #D1D5DC;
    --crf-border-strong: #888D97;
    --crf-border-focus: #0A2EE8;
    --crf-text-primary: #070D1E;
    --crf-text-secondary: #696F7A;
    --crf-text-tertiary: #888D97;
    --crf-text-on-brand: #FFFFFF;
    --crf-text-link: #0A2EE8;
    --crf-text-link-hover: #061DC8;
    --crf-action-primary-bg: #0A2EE8;
    --crf-action-primary-bg-hover: #061DC8;
    --crf-action-primary-bg-active: #04169F;
    --crf-action-primary-fg: #FFFFFF;
    --crf-action-secondary-bg: #FFFFFF;
    --crf-action-secondary-bg-hover: #F2F4F7;
    --crf-action-secondary-border: #D1D5DC;
    --crf-action-secondary-fg: #070D1E;
    --crf-action-disabled-bg: #E4E7ED;
    --crf-action-disabled-fg: #ADB2BC;
    --crf-focus-ring: #0A2EE8;
    --crf-focus-ring-offset: #FFFFFF;
    --crf-selection-bg: #E2EBFF;
    --crf-selection-fg: #070D1E;
    color-scheme: light;
}

/* Semantic roles: dark. Applied by attribute, and by preference when unset. */
[data-theme="dark"] {
    --crf-surface-page: #030716;
    --crf-surface-raised: #070D1E;
    --crf-surface-sunken: #0A0D1C;
    --crf-surface-accent: #010B47;
    --crf-surface-paper: #0D1426;
    --crf-border-subtle: #171E30;
    --crf-border-default: #373E4B;
    --crf-border-strong: #696F7A;
    --crf-border-focus: #6D9AFF;
    --crf-text-primary: #F9FAFC;
    --crf-text-secondary: #ADB2BC;
    --crf-text-tertiary: #888D97;
    --crf-text-on-brand: #FFFFFF;
    --crf-text-link: #A3C0FF;
    --crf-text-link-hover: #C7D9FF;
    --crf-action-primary-bg: #6D9AFF;
    --crf-action-primary-bg-hover: #A3C0FF;
    --crf-action-primary-bg-active: #C7D9FF;
    --crf-action-primary-fg: #030716;
    --crf-action-secondary-bg: transparent;
    --crf-action-secondary-bg-hover: #0D1426;
    --crf-action-secondary-border: #505662;
    --crf-action-secondary-fg: #F2F4F7;
    --crf-action-disabled-bg: #0D1426;
    --crf-action-disabled-fg: #696F7A;
    --crf-focus-ring: #6D9AFF;
    --crf-focus-ring-offset: #030716;
    --crf-selection-bg: #04169F;
    --crf-selection-fg: #F9FAFC;
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --crf-surface-page: #030716;
        --crf-surface-raised: #070D1E;
        --crf-surface-sunken: #0A0D1C;
        --crf-surface-accent: #010B47;
        --crf-surface-paper: #0D1426;
        --crf-border-subtle: #171E30;
        --crf-border-default: #373E4B;
        --crf-border-strong: #696F7A;
        --crf-border-focus: #6D9AFF;
        --crf-text-primary: #F9FAFC;
        --crf-text-secondary: #ADB2BC;
        --crf-text-tertiary: #888D97;
        --crf-text-on-brand: #FFFFFF;
        --crf-text-link: #A3C0FF;
        --crf-text-link-hover: #C7D9FF;
        --crf-action-primary-bg: #6D9AFF;
        --crf-action-primary-bg-hover: #A3C0FF;
        --crf-action-primary-bg-active: #C7D9FF;
        --crf-action-primary-fg: #030716;
        --crf-action-secondary-bg: transparent;
        --crf-action-secondary-bg-hover: #0D1426;
        --crf-action-secondary-border: #505662;
        --crf-action-secondary-fg: #F2F4F7;
        --crf-action-disabled-bg: #0D1426;
        --crf-action-disabled-fg: #696F7A;
        --crf-focus-ring: #6D9AFF;
        --crf-focus-ring-offset: #030716;
        --crf-selection-bg: #04169F;
        --crf-selection-fg: #F9FAFC;
        color-scheme: dark;
    }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --crf-duration-instant: 0ms;
        --crf-duration-fast: 0ms;
        --crf-duration-base: 0ms;
        --crf-duration-slow: 0ms;
        --crf-duration-deliberate: 0ms;
        --crf-distance-nudge: 0px;
        --crf-distance-reveal: 0px;
        --crf-distance-panel: 0px;
    }
}