/* Lazy Haven — design tokens. The only place raw values live. */
:root {
  /* Color — Black Water & Mist */
  --c-blackwater: #16130f;
  --c-blackwater-soft: #221e18;
  --c-mist: #eff1ea;
  --c-mist-deep: #e3e7dc;
  --c-reed: #36423a;
  --c-sage: #76836e;
  --c-thermal: #20655f;
  --c-thermal-bright: #2e837b;
  --c-amber: #c2914f;
  --c-white: #fdfdfc;
  --c-line: rgba(54, 66, 58, 0.16);
  --c-line-dark: rgba(239, 241, 234, 0.14);
  --c-text-on-dark: #eff1ea;
  --c-text-on-dark-dim: rgba(239, 241, 234, 0.65);

  /* Elevation */
  --shadow-card: 0 18px 50px -12px rgba(22, 19, 15, 0.28),
    0 4px 14px -6px rgba(22, 19, 15, 0.14);
  --shadow-card-dark: 0 24px 60px -16px rgba(0, 0, 0, 0.55);

  /* Type */
  /* One family, three voices: display (tight, heavy), body (regular),
     data (uppercase, tracked, tabular) — all Inter, differentiated by
     weight, optical size, and case. */
  --font-display: "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "Inter", system-ui, -apple-system, sans-serif;

  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-base: clamp(1.125rem, 1.05rem + 0.4vw, 1.3125rem);
  --text-lg: clamp(1.375rem, 1.25rem + 0.6vw, 1.75rem);
  --text-xl: clamp(1.75rem, 1.45rem + 1.3vw, 2.75rem);
  --text-2xl: clamp(2.25rem, 1.75rem + 2.5vw, 4rem);
  --text-3xl: clamp(3rem, 2.2rem + 4.5vw, 6.25rem);

  /* Space & layout */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6.5rem;
  --section-pad: clamp(4rem, 3rem + 6vw, 8.5rem);
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 4px;
  --radius: 10px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 0.61, 0.2, 1);
  --ease-luxe: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur: 350ms;
  --dur-slow: 700ms;
  --dur-cinematic: 1200ms;
}