/* نوزي — generated from tokens.json (v1) by scripts/build-tokens.mjs. Do not edit by hand. */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 26px;
  --radius-full: 9999px;
  --touch-min: 48px;
  --touch-drive: 56px;
  --icon-sm: 18px;
  --icon-md: 24px;
  --icon-maneuver: 30px;
  --maneuver-tile-size: 56px;
  --font-display: "Noto Kufi Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-sans: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-display-xl-size: 48px;
  --type-display-xl-line: 68px;
  --type-display-xl-weight: 800;
  --type-display-size: 34px;
  --type-display-line: 52px;
  --type-display-weight: 800;
  --type-display-sm-size: 24px;
  --type-display-sm-line: 38px;
  --type-display-sm-weight: 600;
  --type-nav-distance-size: 34px;
  --type-nav-distance-line: 44px;
  --type-nav-distance-weight: 700;
  --type-nav-street-size: 18px;
  --type-nav-street-line: 28px;
  --type-nav-street-weight: 500;
  --type-nav-eta-size: 30px;
  --type-nav-eta-line: 40px;
  --type-nav-eta-weight: 700;
  --type-nav-meta-size: 15px;
  --type-nav-meta-line: 24px;
  --type-nav-meta-weight: 400;
  --type-heading-size: 22px;
  --type-heading-line: 34px;
  --type-heading-weight: 700;
  --type-title-size: 18px;
  --type-title-line: 28px;
  --type-title-weight: 600;
  --type-body-size: 17px;
  --type-body-line: 28px;
  --type-body-weight: 400;
  --type-body-strong-size: 17px;
  --type-body-strong-line: 28px;
  --type-body-strong-weight: 600;
  --type-label-size: 15px;
  --type-label-line: 24px;
  --type-label-weight: 500;
  --type-caption-size: 13px;
  --type-caption-line: 20px;
  --type-caption-weight: 500;
  --motion-touch: 120ms;
  --motion-sheet: 200ms;
  --motion-camera: 320ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --brand-ink: #1e1b18;
  --brand-cream: #f3e9d8;
  --brand-clay: #b5562f;
  --brand-clay-deep: #8f3f1f;
  --brand-route: #1a9bd7;
  --neutral-50: #fbf7f0;
  --neutral-100: #f3e9d8;
  --neutral-200: #e9ddc8;
  --neutral-300: #dccdb3;
  --neutral-400: #b8ad9e;
  --neutral-500: #8e8477;
  --neutral-600: #6e6458;
  --neutral-700: #5c534a;
  --neutral-800: #3b342d;
  --neutral-850: #2a2520;
  --neutral-900: #1e1b18;
  --neutral-950: #141210;
  --clay-100: #f5d5c6;
  --clay-300: #e59572;
  --clay-400: #d97a50;
  --clay-450: #c8653b;
  --clay-500: #b5562f;
  --clay-600: #8f3f1f;
  --route-300: #4db8ec;
  --route-500: #1a9bd7;
  --route-700: #12709e;
  --surface-canvas: #f3e9d8;
  --surface-base: #fbf7f0;
  --surface-raised: #ffffff;
  --surface-sunken: #e9ddc8;
  --surface-inverse: #1e1b18;
  --maneuver-bg: #1e1b18;
  --maneuver-tile: #b5562f;
  --maneuver-tile-icon: #fbf7f0;
  --maneuver-tile-info: var(--status-info);
  --scrim: #14121073;
  --text-primary: #1e1b18;
  --text-secondary: #5c534a;
  --text-tertiary: #6e6458;
  --text-accent: #8f3f1f;
  --text-on-accent: #fbf7f0;
  --text-on-maneuver: #fbf7f0;
  --text-on-maneuver-muted: #d9cfc1;
  --accent-strong: #8f3f1f;
  --accent-brand: #b5562f;
  --accent-subtle: #f5d5c6;
  --border-subtle: #e2d5bf;
  --border-strong: #8e8477;
  --focus-ring: #12709e;
  --route-fill: #1a9bd7;
  --route-casing: #12709e;
  --route-alt-fill: #a79d90;
  --route-alt-casing: #6e6458;
  --route-traveled: #b8c9d3;
  --traffic-free: #2e9e5b;
  --traffic-slow: #e59a1f;
  --traffic-jam: #c93a2b;
  --traffic-closed: #6e1e16;
  --map-land: #ece4d6;
  --map-water: #bfd7e3;
  --map-road: #ffffff;
  --map-road-casing: #d9cebb;
  --map-block: #e2d8c6;
  --map-park: #d6dec2;
  --map-label: #6b6157;
  --status-success: #276b43;
  --status-success-bg: #e3f1e7;
  --status-warning: #8a5800;
  --status-warning-bg: #fbefd5;
  --status-danger: #b3261e;
  --status-danger-bg: #f9e0dd;
  --status-info: #1f6fa8;
  --status-info-bg: #e0eef8;
  --premium-bg: #1e1b18;
  --premium-text: #f3e9d8;
  --shadow-1: 0 2px 8px #1e1b181f;
  --shadow-float: 0 4px 14px #1e1b182e;
  --shadow-sheet: 0 -4px 20px #1e1b181f;
}

[data-theme="dark"] {
  color-scheme: dark;
  --brand-ink: #1e1b18;
  --brand-cream: #f3e9d8;
  --brand-clay: #b5562f;
  --brand-clay-deep: #8f3f1f;
  --brand-route: #1a9bd7;
  --neutral-50: #fbf7f0;
  --neutral-100: #f3e9d8;
  --neutral-200: #e9ddc8;
  --neutral-300: #dccdb3;
  --neutral-400: #b8ad9e;
  --neutral-500: #8e8477;
  --neutral-600: #6e6458;
  --neutral-700: #5c534a;
  --neutral-800: #3b342d;
  --neutral-850: #2a2520;
  --neutral-900: #1e1b18;
  --neutral-950: #141210;
  --clay-100: #f5d5c6;
  --clay-300: #e59572;
  --clay-400: #d97a50;
  --clay-450: #c8653b;
  --clay-500: #b5562f;
  --clay-600: #8f3f1f;
  --route-300: #4db8ec;
  --route-500: #1a9bd7;
  --route-700: #12709e;
  --surface-canvas: #141210;
  --surface-base: #1e1b18;
  --surface-raised: #2a2520;
  --surface-sunken: #0e0d0c;
  --surface-inverse: #f3e9d8;
  --maneuver-bg: #2a2520;
  --maneuver-tile: #d97a50;
  --maneuver-tile-icon: #1e1b18;
  --maneuver-tile-info: var(--status-info);
  --scrim: #000000a6;
  --text-primary: #f3e9d8;
  --text-secondary: #b8ad9e;
  --text-tertiary: #968b7d;
  --text-accent: #e59572;
  --text-on-accent: #1e1b18;
  --text-on-maneuver: #f3e9d8;
  --text-on-maneuver-muted: #b8ad9e;
  --accent-strong: #d97a50;
  --accent-brand: #c8653b;
  --accent-subtle: #3a2219;
  --border-subtle: #3b342d;
  --border-strong: #7a6f63;
  --focus-ring: #4db8ec;
  --route-fill: #4db8ec;
  --route-casing: #0b3a55;
  --route-alt-fill: #5c534a;
  --route-alt-casing: #3b342d;
  --route-traveled: #33454f;
  --traffic-free: #3dbe72;
  --traffic-slow: #f2b44a;
  --traffic-jam: #f0695a;
  --traffic-closed: #b54a3e;
  --map-land: #1f1c19;
  --map-water: #1b2b35;
  --map-road: #3a342e;
  --map-road-casing: #2a2520;
  --map-block: #26221e;
  --map-park: #1f2a1e;
  --map-label: #a39889;
  --status-success: #5fc48a;
  --status-success-bg: #16301f;
  --status-warning: #f2b44a;
  --status-warning-bg: #3a2c10;
  --status-danger: #f28b82;
  --status-danger-bg: #3b1a17;
  --status-info: #6db8e8;
  --status-info-bg: #12283a;
  --premium-bg: #f3e9d8;
  --premium-text: #1e1b18;
  --shadow-1: 0 2px 8px #0000008c;
  --shadow-float: 0 4px 16px #000000a6;
  --shadow-sheet: 0 -4px 24px #000000b3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --brand-ink: #1e1b18;
    --brand-cream: #f3e9d8;
    --brand-clay: #b5562f;
    --brand-clay-deep: #8f3f1f;
    --brand-route: #1a9bd7;
    --neutral-50: #fbf7f0;
    --neutral-100: #f3e9d8;
    --neutral-200: #e9ddc8;
    --neutral-300: #dccdb3;
    --neutral-400: #b8ad9e;
    --neutral-500: #8e8477;
    --neutral-600: #6e6458;
    --neutral-700: #5c534a;
    --neutral-800: #3b342d;
    --neutral-850: #2a2520;
    --neutral-900: #1e1b18;
    --neutral-950: #141210;
    --clay-100: #f5d5c6;
    --clay-300: #e59572;
    --clay-400: #d97a50;
    --clay-450: #c8653b;
    --clay-500: #b5562f;
    --clay-600: #8f3f1f;
    --route-300: #4db8ec;
    --route-500: #1a9bd7;
    --route-700: #12709e;
    --surface-canvas: #141210;
    --surface-base: #1e1b18;
    --surface-raised: #2a2520;
    --surface-sunken: #0e0d0c;
    --surface-inverse: #f3e9d8;
    --maneuver-bg: #2a2520;
    --maneuver-tile: #d97a50;
    --maneuver-tile-icon: #1e1b18;
    --maneuver-tile-info: var(--status-info);
    --scrim: #000000a6;
    --text-primary: #f3e9d8;
    --text-secondary: #b8ad9e;
    --text-tertiary: #968b7d;
    --text-accent: #e59572;
    --text-on-accent: #1e1b18;
    --text-on-maneuver: #f3e9d8;
    --text-on-maneuver-muted: #b8ad9e;
    --accent-strong: #d97a50;
    --accent-brand: #c8653b;
    --accent-subtle: #3a2219;
    --border-subtle: #3b342d;
    --border-strong: #7a6f63;
    --focus-ring: #4db8ec;
    --route-fill: #4db8ec;
    --route-casing: #0b3a55;
    --route-alt-fill: #5c534a;
    --route-alt-casing: #3b342d;
    --route-traveled: #33454f;
    --traffic-free: #3dbe72;
    --traffic-slow: #f2b44a;
    --traffic-jam: #f0695a;
    --traffic-closed: #b54a3e;
    --map-land: #1f1c19;
    --map-water: #1b2b35;
    --map-road: #3a342e;
    --map-road-casing: #2a2520;
    --map-block: #26221e;
    --map-park: #1f2a1e;
    --map-label: #a39889;
    --status-success: #5fc48a;
    --status-success-bg: #16301f;
    --status-warning: #f2b44a;
    --status-warning-bg: #3a2c10;
    --status-danger: #f28b82;
    --status-danger-bg: #3b1a17;
    --status-info: #6db8e8;
    --status-info-bg: #12283a;
    --premium-bg: #f3e9d8;
    --premium-text: #1e1b18;
    --shadow-1: 0 2px 8px #0000008c;
    --shadow-float: 0 4px 16px #000000a6;
    --shadow-sheet: 0 -4px 24px #000000b3;
  }
}