/* Hallmark · design tokens
 * project: byGauthier × luxury hotels — sonic identity proposal (reusable template)
 * theme: "Ivory Hotel" (byGauthier house system, DESIGN SYSTEM/design-system/tokens.css) + a sand / dusk extension
 * axes: paper-band = light · display-style = grotesk-sans · accent-hue = warm brass (58°)
 */

:root {
  /* ---- Type ----------------------------------------------------------- */
  --font-display: "Cabinet Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Switzer", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* ---- Colour · warm anchor, hue 58–85 --------------------------------- */
  --color-paper: oklch(96.8% 0.008 85);
  --color-paper-2: oklch(94.4% 0.011 85);
  --color-sand: oklch(90.5% 0.026 78);
  --color-rule: oklch(87% 0.011 82);
  --color-rule-firm: oklch(56% 0.013 78);
  --color-neutral: oklch(58% 0.010 75);
  --color-muted: oklch(42% 0.011 70);
  --color-ink-2: oklch(27% 0.012 62);
  --color-ink: oklch(19% 0.012 62);

  --color-accent: oklch(56% 0.105 58);
  --color-accent-ink: oklch(97% 0.010 85);
  --color-focus: oklch(50% 0.130 58);

  /* inverted (ink / dusk) surfaces */
  --color-paper-muted: oklch(76% 0.012 78);
  --color-rule-invert: oklch(34% 0.012 62);
  --color-accent-invert: oklch(78% 0.100 64);
  --color-focus-invert: oklch(85% 0.090 70);

  /* expression tints (waveform progress, small marks only) */
  --tint-signature: oklch(56% 0.105 58);
  --tint-arrival: oklch(52% 0.070 70);
  --tint-daylight: oklch(55% 0.060 190);
  --tint-evening: oklch(55% 0.110 40);
  --tint-stillness: oklch(52% 0.020 80);
  --tint-trendy: oklch(50% 0.090 30);
  --tint-reveal: oklch(42% 0.030 60);
  --tint-seasonal: oklch(55% 0.120 50);

  /* ---- Space · 4pt scale ---------------------------------------------- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --gutter: clamp(1rem, 5vw, 5.5rem);
  --measure: 52ch;

  /* ---- Type scale · 1.25 ---------------------------------------------- */
  --text-2xs: 0.6875rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-display: clamp(2.5rem, 7.6vw, 7rem);
  --text-display-s: clamp(2rem, 5vw, 4.25rem);

  --tracking-label: 0.18em;

  /* ---- Motion --------------------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-mid: 320ms;
  --dur-slow: 700ms;

  --radius-pill: 999px;
}