/* ============================================================
   Design Tokens
   The single source of truth for colours, spacing, type, motion.
   Edit values here; every component updates.
   ============================================================ */

:root {
  /* Backdrop gradient stops */
  --bg-top: #c7d3e3;        /* soft blue */
  --bg-mid: #e8e3d8;        /* cream */
  --bg-bot: #d4c9b8;        /* warm beige */

  /* Surfaces */
  --surface: #ececec;       /* matte panel */
  --surface-soft: #f3f3f1;
  --surface-glass: rgba(247, 246, 243, 0.65);

  /* Ink (text + icon strokes) */
  --ink: #14130f;
  --ink-soft: #57544c;
  --ink-mute: #8c887e;
  --line: rgba(20, 19, 15, 0.08);

  /* Accents */
  --accent: #b8242a;        /* oxblood red — primary CTA */
  --accent-deep: #8e1a1f;   /* hover state */

  /* Secondary accent — white */
  --white: #ffffff;
  --white-soft: #fafaf8;

  /* Elevation */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.7) inset,
                 0 30px 60px -30px rgba(40,38,30,0.18),
                 0 8px 18px -10px rgba(40,38,30,0.12);
  --shadow-pill: 0 1px 0 rgba(255,255,255,0.8) inset,
                 0 6px 14px -8px rgba(40,38,30,0.18);
  --shadow-white: 0 1px 0 rgba(255,255,255,1) inset,
                  0 8px 20px -10px rgba(40,38,30,0.15),
                  0 2px 6px rgba(40,38,30,0.06);

  /* Radii — collapsed to a 3-step scale for craft consistency */
  --radius-xl: 24px;   /* large surfaces: hero, fleet cards, booking */
  --radius-lg: 16px;   /* mid: filter strip, info card, perks */
  --radius-md: 12px;   /* small: buttons, chips, tiles */
  --radius-sm: 10px;   /* extra small: spec pills, close-x */

  /* Type — Instrument Serif replaces Fraunces (which became AI-overused) */
  --display: 'Instrument Serif', Georgia, serif;
  --sans: 'Geist', -apple-system, sans-serif;
  --mono: 'Geist Mono', ui-monospace, monospace;

  /* Motion */
  --ease-out: cubic-bezier(.2, .7, .2, 1);
}