/* Browser-native color authority. Keep in sync with the canonical handoff
   through scripts/design/check-token-parity.mjs. This static asset bypasses
   Tailwind's production color conversion so OKLCH reaches the browser intact. */
[data-heroui] {
  --font-sans:
    'Inter', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  --font-brand:
    'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-heading: var(--font-display);
  --white: oklch(100% 0 0);
  --black: oklch(0% 0 0);
  --snow: oklch(0.9911 0 0);
  --eclipse: oklch(0.2103 0.0059 285.89);
  --color-day-1: oklch(0.6894 0.1674 43.97);
  --color-day-2: oklch(0.526 0.205 266);
  --color-day-3: oklch(0.6394 0.1133 163);
  --color-day-4: oklch(0.6471 0.1817 6);
  --color-day-5: oklch(0.6236 0.1887 293.69);
  --color-day-6: oklch(0.6569 0.1177 207);
  --background: oklch(0.973 0.012 75);
  --muted: oklch(0.5517 0.0138 85);
  --scrollbar: oklch(87.1% 0.006 85);
  --default: oklch(94% 0.001 85);
  --default-50: oklch(0.9911 0 0);
  --default-100: oklch(0.9702 0 0);
  --default-200: oklch(0.92 0.004 286);
  --default-300: oklch(0.871 0.006 286);
  --default-400: oklch(0.705 0.015 286);
  --default-800: oklch(0.27 0.006 286);
  --accent: oklch(0.6894 0.1674 43.97);
  --accent-ramp: oklch(0.73 0.155 44);
  --accent-ramp-soft: oklch(0.79 0.13 44);
  --accent-hover: oklch(0.6383 0.1652 47.05);
  --success: oklch(0.7329 0.1935 150.81);
  --warning: oklch(0.7819 0.1585 72.33);
  --danger: oklch(0.6532 0.2328 25.74);
  --teal: oklch(0.53478 0.074398 201.205);
  --teal-deep: oklch(0.362317 0.049471 207.317);
  --border: oklch(88% 0.02 85);
  --separator: oklch(88% 0.02 85);
  --backdrop: oklch(0% 0 0 / 0.45);
  --primary-600: oklch(0.6383 0.1652 47.05);
  --primary-700: oklch(0.56 0.14 44);
  --surface-secondary: color-mix(
    in oklab,
    var(--background) 96%,
    var(--foreground) 4%
  );
  --surface-tertiary: color-mix(
    in oklab,
    var(--background) 92%,
    var(--foreground) 8%
  );
  --field-border-hover: oklch(80% 0.01 286.37);
  --field-hover: oklch(0.98 0.001 286.37);
}

/* Keep the canonical trip hero gradient in browser-native source form. The
   production CSS optimizer rewrites its direction/stops equivalently, but the
   rewritten gradient rounds a few composited pixels differently. */
[data-heroui] [data-handoff-route='trip'] .trip-hero .overlay {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.2) 45%,
    transparent
  ) !important;
}

.dark [data-heroui],
[data-theme='dark'] [data-heroui],
[data-heroui].dark,
[data-heroui][data-theme='dark'] {
  --background: oklch(16% 0.005 260);
  --foreground: oklch(92% 0.01 95);
  --surface: oklch(0.2103 0.0059 260);
  --overlay: oklch(0.22 0.0059 260);
  --muted: oklch(70.5% 0.015 260);
  --scrollbar: oklch(70.5% 0.015 260);
  --default: oklch(27.4% 0.006 260);
  --default-50: oklch(0.2103 0.006 285.9);
  --default-100: oklch(0.27 0.006 286);
  --default-200: oklch(0.37 0.012 285.8);
  --default-300: oklch(0.442 0.017 285.8);
  --default-400: oklch(0.552 0.016 285.9);
  --default-800: oklch(0.871 0.006 286);
  --warning: oklch(0.8203 0.1388 76.34);
  --danger: oklch(0.56 0.185 24.63);
  --segment: oklch(0.3964 0.01 260);
  --border: oklch(22% 0.006 260);
  --separator: oklch(22% 0.006 260);
  --surface-secondary: color-mix(
    in oklab,
    var(--background) 96%,
    var(--foreground) 4%
  );
  --surface-tertiary: color-mix(
    in oklab,
    var(--background) 92%,
    var(--foreground) 8%
  );
  --field-border-hover: oklch(40% 0.006 260);
  --field-hover: oklch(25% 0.005 260);
  --field-focus: oklch(23% 0.005 260);
}