/* ==========================================================================
   LMW Travel — CSS Custom Properties
   ========================================================================== */

:root {
  /* ---- Colors ---- */
  --color-stone: #726959;
  --color-cream: #f6e9cf;
  --color-ink: #1a1713;

  /* Stone glazes */
  --color-stone-55: rgba(114, 105, 89, 0.55);
  --color-stone-65: rgba(114, 105, 89, 0.65);
  --color-stone-75: rgba(114, 105, 89, 0.75);
  --color-stone-30: rgba(114, 105, 89, 0.3);
  --color-stone-35: rgba(114, 105, 89, 0.35);

  /* Cream UI */
  --color-cream-75: rgba(246, 233, 207, 0.75);
  --color-cream-72: rgba(246, 233, 207, 0.72);
  --color-cream-40: rgba(246, 233, 207, 0.4);
  --color-cream-20: rgba(246, 233, 207, 0.2);
  --color-cream-12: rgba(246, 233, 207, 0.12);

  /* Ink overlays */
  --color-ink-55: rgba(26, 23, 19, 0.55);
  --color-ink-72: rgba(26, 23, 19, 0.72);
  --color-ink-97: rgba(26, 23, 19, 0.97);

  /* ---- Typography ---- */
  --font-display: 'Cormorant Garamond', serif;
  --font-brand: 'PP Hatton', 'Cormorant Garamond', serif;
  --font-ui: 'Jost', sans-serif;

  --text-hero: clamp(3.2rem, 9vw, 8rem);
  --text-sub: clamp(0.85rem, 2vw, 1.1rem);
  --text-nav: clamp(0.7rem, 1.5vw, 0.85rem);
  --text-caption: clamp(0.65rem, 1.2vw, 0.75rem);

  --tracking-display: 0.02em;
  --tracking-wide: 0.18em;
  --tracking-ultra: 0.3em;

  /* ---- Spacing ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --header-height: 70px;
  --header-height-mobile: 56px;

  --notch-width: 240px;
  --notch-width-mobile: 175px;
  --notch-height: 64px;
  --notch-height-mobile: 52px;

  --rail-weight: 5px;

  --btn-height: 34px;
  --btn-height-desktop: 38px;

  --btn-radius: 6px;
  --btn-bg: rgba(114, 105, 89, 0.3);
  --btn-bg-hover: rgba(114, 105, 89, 0.5);
  --btn-border: rgba(246, 233, 207, 0.25);

  /* ---- Easings ---- */
  --ease-luxury: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.55, 0, 1, 0.45);

  /* ---- Durations ---- */
  --dur-fast: 0.25s;
  --dur-mid: 0.5s;
  --dur-slow: 0.9s;
  --dur-cinematic: 1.4s;

  /* ---- Staggered Hero Entrance Delays ---- */
  --delay-line1: 0.8s;
  --delay-line2: 1.1s;
  --delay-cta: 1.8s;

  /* Breakpoints (documented; media queries cannot reliably use var()) */
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1440px;
}