/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-orange-300: #FCA469;
  --primitive-color-orange-400: #FB8A3E;
  --primitive-color-orange-500: #FA7D28;
  --primitive-color-orange-700: #B4530F;
  --primitive-color-orange-wash: rgba(250, 125, 40, 0.12);
  --primitive-color-charcoal-200: #D0D0D5;
  --primitive-color-charcoal-400: #A6A6AE;
  --primitive-color-charcoal-500: #7A7A83;
  --primitive-color-charcoal-750: #333338;
  --primitive-color-charcoal-800: #2E2E34;
  --primitive-color-charcoal-850: #2B2B30;
  --primitive-color-charcoal-900: #25252A;
  --primitive-color-charcoal-950: #1E1E21;
  --primitive-color-charcoal-glass: rgba(30, 30, 33, 0.86);
  --primitive-color-blush-50: #FDF7FA;
  --primitive-color-white: #FFFFFF;
  --primitive-color-black: #000000;
  --primitive-color-ink-300: #8A8A93;
  --primitive-color-ink-500: #66666F;
  --primitive-color-ink-700: #46464E;
  --primitive-color-ink-900: #1E1E21;
  --primitive-color-paper-0: #FFFFFF;
  --primitive-color-paper-50: #FDF7FA;
  --primitive-color-paper-100: #F7EFF2;
  --primitive-color-paper-200: #ECE3E7;
  --primitive-color-paper-glass: rgba(255, 255, 255, 0.86);
  --primitive-color-paper-slash: #F4F0F2;
  --primitive-color-night-sky-top: #111114;
  --primitive-color-night-sky-mid: #1E1E21;
  --primitive-color-night-sky-low: #3B2419;
  --primitive-color-night-water-top: #19181B;
  --primitive-color-night-water-low: #0E0E10;
  --primitive-color-night-hill: #18181B;
  --primitive-color-night-far: #232327;
  --primitive-color-night-near: #141416;
  --primitive-color-night-light: #FFE9C7;
  --primitive-color-night-light-warm: #FCA469;
  --primitive-color-night-haze: #2C2A2E;
  --primitive-color-night-cap: #3A3A40;
  --primitive-color-night-side: #0B0B0D;
  --primitive-color-night-cloud: #2B2930;
  --primitive-color-night-car: #1A1A1D;
  --primitive-color-night-head: #FFF1D6;
  --primitive-color-night-tail: #FF4A3D;
  --primitive-color-night-nav-green: #3DDC84;
  --primitive-color-night-heli: #0C0C0E;
  --primitive-color-night-bird: #2B2930;
  --primitive-color-roofradar-map-1: #1E4D6B;
  --primitive-color-roofradar-map-2: #2A5F7A;
  --primitive-color-roofradar-map-3: #1D4A5F;
  --primitive-color-roofradar-ink: #0D2B45;
  --primitive-color-roofradar-tint: #FFF1E7;
  --primitive-color-roofradar-bubble: #0A6CD1;
  --primitive-color-roofradar-soft: rgba(250, 125, 40, 0.22);
  --primitive-color-roofradar-badge: rgba(30, 30, 33, 0.86);
  --primitive-color-roofradar-fade: rgba(30, 30, 33, 0.95);
  --primitive-color-morning-sky-top: #7FA8D1;
  --primitive-color-morning-sky-mid: #CFE0EE;
  --primitive-color-morning-sky-low: #FFD7B0;
  --primitive-color-morning-glow: #FFB27A;
  --primitive-color-morning-water-top: #9DBAD3;
  --primitive-color-morning-water-low: #5F7F9C;
  --primitive-color-morning-hill: #9AABBF;
  --primitive-color-morning-haze: #AEBFD1;
  --primitive-color-morning-far: #7F92AB;
  --primitive-color-morning-near: #3D4859;
  --primitive-color-morning-cap: #E8EEF4;
  --primitive-color-morning-side: #2B3442;
  --primitive-color-morning-ref: #FFFFFF;
  --primitive-color-morning-sun: #FFC58A;
  --primitive-color-morning-sun-core: #FFF4E3;
  --primitive-color-morning-cloud: #FFFFFF;
  --primitive-color-morning-car: #5A6577;
  --primitive-color-morning-head: #FFF1D6;
  --primitive-color-morning-tail: #E0533F;
  --primitive-color-morning-nav-green: #3DDC84;
  --primitive-color-morning-heli: #3A4252;
  --primitive-color-morning-bird: #3A4252;
  --primitive-color-studio-spot: #3B3A40;
  --primitive-color-studio-bg: #151517;
  --primitive-color-studio-floor: #0C0C0E;
  --primitive-color-studio-rim: rgba(250, 125, 40, 0.28);
  --primitive-color-studio-shadow: rgba(0, 0, 0, 0.75);
  --primitive-color-studio-glass-line: rgba(255, 255, 255, 0.55);
  --primitive-color-studio-scrim: rgba(17, 17, 20, 0.45);
  --primitive-color-photo-warm: #FFC27A;
  --primitive-color-photo-white: #FFF6E8;
  --primitive-color-photo-red: #FF4A3D;
  --primitive-color-photo-blue: #6FB4FF;
  --primitive-color-photo-magenta: #E86BFF;
  --primitive-color-photo-green: #4BE39A;
  --primitive-color-photo-cyan: #5FF0E6;
  --primitive-color-photo-glint: #FFFFFF;
  --primitive-color-photo-car-white: #EEEEEA;
  --primitive-color-photo-car-silver: #AEB3BA;
  --primitive-color-photo-car-dark: #2A2D33;
  --primitive-color-photo-car-red: #A8362E;
  --primitive-color-photo-car-blue: #2F5BA3;
  --primitive-color-photo-car-shadow: #1B1D22;
  --primitive-font-host: "Host Grotesk", Helvetica, Arial, sans-serif;
  --primitive-font-funnel: "Funnel Display", "Host Grotesk", Helvetica, Arial, sans-serif;
  --primitive-shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.35);
  --primitive-shadow-3d: rgba(0, 0, 0, 0.45);
  --primitive-shadow-head: 0 8px 24px rgba(0, 0, 0, 0.35);
  --primitive-shadow-head-light: 0 6px 20px rgba(30, 30, 33, 0.08);
  --primitive-shadow-3d-light: rgba(30, 30, 33, 0.22);
  --primitive-shadow-card: 0 1px 2px rgba(30, 30, 33, 0.04), 0 12px 32px rgba(30, 30, 33, 0.06);
  --primitive-shadow-card-hover: 0 2px 4px rgba(30, 30, 33, 0.05), 0 22px 48px rgba(30, 30, 33, 0.10);
}

/* === SEMANTIC === */
:root {
  --bg: #FFFFFF;
  --fg: #1E1E21;
  --fg-soft: #46464E;
  --mute: #66666F;
  --line: #ECE3E7;
  --line-strong: #8A8A93;
  --surface: #FDF7FA;
  --surface-2: #F7EFF2;
  --accent: #FA7D28;
  --accent-text: #B4530F;
  --accent-wash: rgba(250, 125, 40, 0.12);
  --on-accent: #1E1E21;
  --focus: #FA7D28;
  --danger: #B4530F;
  --head-bg: rgba(255, 255, 255, 0.86);
  --shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.35);
  --logo-ink: #1E1E21;
  --logo-accent: #FA7D28;
  --logo-accent-on-bg: #FA7D28;
  --emblem-dark: #F4F0F2;
  --font-display: "Host Grotesk", Helvetica, Arial, sans-serif;
  --font-body: "Host Grotesk", Helvetica, Arial, sans-serif;
  --font-highlight: "Funnel Display", "Host Grotesk", Helvetica, Arial, sans-serif;
  --display-weight: 560;
  --display-track: -0.02em;
  --body-size: 17px;
  --radius: 0;
  --shadow-3d: rgba(30, 30, 33, 0.22);
  --shadow-head: 0 6px 20px rgba(30, 30, 33, 0.08);
  --city-sky-top: #111114;
  --city-sky-mid: #1E1E21;
  --city-sky-low: #3B2419;
  --city-water-top: #19181B;
  --city-water-low: #0E0E10;
  --city-hill: #18181B;
  --city-far: #232327;
  --city-near: #141416;
  --city-light: #FFE9C7;
  --city-light-warm: #FCA469;
  --city-glow: #FA7D28;
  --radius-btn: 999px;
  --radius-card: 20px;
  --radius-field: 12px;
  --radius-sm: 10px;
  --shadow-card: 0 1px 2px rgba(30, 30, 33, 0.04), 0 12px 32px rgba(30, 30, 33, 0.06);
  --shadow-card-hover: 0 2px 4px rgba(30, 30, 33, 0.05), 0 22px 48px rgba(30, 30, 33, 0.10);
  --city-haze: #2C2A2E;
  --city-cap: #3A3A40;
  --city-side: #0B0B0D;
  --city-ref: #FFE9C7;
  --morning-sky-top: #7FA8D1;
  --morning-sky-mid: #CFE0EE;
  --morning-sky-low: #FFD7B0;
  --morning-glow: #FFB27A;
  --morning-water-top: #9DBAD3;
  --morning-water-low: #5F7F9C;
  --morning-hill: #9AABBF;
  --morning-haze: #AEBFD1;
  --morning-far: #7F92AB;
  --morning-near: #3D4859;
  --morning-cap: #E8EEF4;
  --morning-side: #2B3442;
  --morning-ref: #FFFFFF;
  --morning-sun: #FFC58A;
  --morning-sun-core: #FFF4E3;
  --studio-spot: #3B3A40;
  --studio-bg: #151517;
  --studio-floor: #0C0C0E;
  --studio-rim: rgba(250, 125, 40, 0.28);
  --studio-shadow: rgba(0, 0, 0, 0.75);
  --studio-glass-line: rgba(255, 255, 255, 0.55);
  --band-scrim: rgba(17, 17, 20, 0.45);
  --city-cloud: #2B2930;
  --morning-cloud: #FFFFFF;
  --city-car: #1A1A1D;
  --morning-car: #5A6577;
  --city-head: #FFF1D6;
  --morning-head: #FFF1D6;
  --city-tail: #FF4A3D;
  --morning-tail: #E0533F;
  --city-nav-green: #3DDC84;
  --morning-nav-green: #3DDC84;
  --city-heli: #0C0C0E;
  --morning-heli: #3A4252;
  --city-bird: #2B2930;
  --morning-bird: #3A4252;
  --photo-warm: #FFC27A;
  --photo-white: #FFF6E8;
  --photo-red: #FF4A3D;
  --photo-blue: #6FB4FF;
  --photo-magenta: #E86BFF;
  --photo-green: #4BE39A;
  --photo-cyan: #5FF0E6;
  --photo-glint: #FFFFFF;
  --photo-car-white: #EEEEEA;
  --photo-car-silver: #AEB3BA;
  --photo-car-dark: #2A2D33;
  --photo-car-red: #A8362E;
  --photo-car-blue: #2F5BA3;
  --photo-car-shadow: #1B1D22;
}

/* === COMPONENTS === */
:root {
  --btn-bg: #1E1E21;
  --btn-fg: #FFFFFF;
  --btn-hover: #46464E;
  --field-bg: #FFFFFF;
  --field-radius: 12px;
  --rr-accent-soft: rgba(250, 125, 40, 0.22);
  --rr-ui-line: #ECE3E7;
  --rr-ui-bg: #FDF7FA;
  --rr-white: #FFFFFF;
  --rr-ui-mute: #8A8A93;
  --rr-ui-ink: #66666F;
  --rr-map-1: #1E4D6B;
  --rr-map-2: #2A5F7A;
  --rr-map-3: #1D4A5F;
  --rr-ink: #0D2B45;
  --rr-accent-tint: #FFF1E7;
  --rr-badge: rgba(30, 30, 33, 0.86);
  --rr-bubble: #0A6CD1;
  --rr-fade: rgba(30, 30, 33, 0.95);
  --rr-chrome: #2E2E34;
  --rr-chrome-bar: #25252A;
}

/* === DARK MODE === */
.dark {
  --bg: #1E1E21;
  --fg: #FFFFFF;
  --fg-soft: #D0D0D5;
  --mute: #A6A6AE;
  --line: #333338;
  --line-strong: #7A7A83;
  --surface: #25252A;
  --surface-2: #2E2E34;
  --accent: #FA7D28;
  --accent-text: #FA7D28;
  --accent-wash: rgba(250, 125, 40, 0.12);
  --on-accent: #1E1E21;
  --focus: #FCA469;
  --danger: #FCA469;
  --head-bg: rgba(30, 30, 33, 0.86);
  --shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.35);
  --logo-ink: #FFFFFF;
  --logo-accent: #FA7D28;
  --logo-accent-on-bg: #FA7D28;
  --emblem-dark: #2B2B30;
  --font-display: "Host Grotesk", Helvetica, Arial, sans-serif;
  --font-body: "Host Grotesk", Helvetica, Arial, sans-serif;
  --font-highlight: "Funnel Display", "Host Grotesk", Helvetica, Arial, sans-serif;
  --display-weight: 560;
  --display-track: -0.02em;
  --body-size: 17px;
  --radius: 0;
  --shadow-3d: rgba(0, 0, 0, 0.45);
  --shadow-head: 0 8px 24px rgba(0, 0, 0, 0.35);
  --btn-bg: #FA7D28;
  --btn-fg: #1E1E21;
  --btn-hover: #FCA469;
  --field-bg: #25252A;
}