/* === Flight Deals — Design Tokens ===
   Single source of colour, spacing and type. No inline hex anywhere else.
   System font stack rather than a webfont CDN: the VM has no CDN guarantee, and a
   blocked font request would leave the UI rendering in Times. */

:root {
  /* Brand */
  --color-brand: #1d6fd0;
  --color-brand-hover: #175bab;
  --color-brand-soft: #e8f1fc;

  /* Semantic */
  --color-success: #0f7b48;
  --color-success-soft: #e4f4ec;
  --color-warn: #a2650a;
  --color-warn-soft: #fdf3e0;
  --color-danger: #b3261e;
  --color-danger-soft: #fce9e8;

  /* Surfaces */
  --surface: #ffffff;
  --surface-2: #f6f7f9;
  --surface-3: #eceef2;
  --border: #d9dde3;
  --border-strong: #b9c0ca;

  /* Text */
  --text: #14181d;
  --text-muted: #5c6672;
  --text-faint: #8a929c;
  --text-inverse: #ffffff;

  /* Chart */
  --chart-line: #1d6fd0;
  --chart-fill: rgba(29, 111, 208, 0.10);
  --chart-median: #8a929c;
  --chart-highlight: #0f7b48;

  /* Layout */
  --container-max: 1180px;
  --nav-height: 56px;
  --radius: 6px;
  --radius-sm: 4px;
  --radius-lg: 12px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  /* A hero needs vertical room the admin views never did. */
  --space-8: 64px;
  --space-9: 96px;

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Display scale. h1 is 1.4rem because it was built for admin tables; a landing
     page needs a size that reads as a headline rather than a section label. */
  --font-display: clamp(2rem, 1.3rem + 2.4vw, 3.1rem);
  --font-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);

  /* One duration, used everywhere, so motion feels like one system. Every use is
     wrapped in the prefers-reduced-motion guard in style.css. */
  --transition: 160ms ease;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow: 0 2px 8px rgba(16, 24, 40, 0.08);
}

[data-theme="dark"] {
  --color-brand: #62a6f5;
  --color-brand-hover: #86bcf8;
  --color-brand-soft: #14283f;

  --color-success: #4cc38a;
  --color-success-soft: #12291f;
  --color-warn: #e0a33a;
  --color-warn-soft: #2e2412;
  --color-danger: #f2726a;
  --color-danger-soft: #33191a;

  --surface: #14171b;
  --surface-2: #1a1e23;
  --surface-3: #232830;
  --border: #2c323b;
  --border-strong: #3d4551;

  --text: #e7eaee;
  --text-muted: #9aa3af;
  --text-faint: #6f7884;
  --text-inverse: #14171b;

  --chart-line: #62a6f5;
  --chart-fill: rgba(98, 166, 245, 0.12);
  --chart-median: #6f7884;
  --chart-highlight: #4cc38a;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}