/* tokens.css — Client: Western Timeline
   Brand: "Premium Brut" — Québec western culture, workwear premium.
   Source of truth: client-provided palette + typography (mail 2026-06-09). */
:root {
  /* Brand colors — official, provided by client */
  --wt-noir: #1a1410;          /* Noir Charbon */
  --wt-noir-soft: #241c15;
  --wt-noir-line: #3a2e22;
  --wt-carhartt: #5C4033;      /* Brun Carhartt */
  --wt-foret: #2D4A22;         /* Vert Forêt */
  --wt-sable: #C2B280;         /* Sable */
  --wt-bronze: #8B6914;        /* Bronze */
  --wt-bronze-hi: #b8893b;
  --wt-bronze-glow: rgba(184, 137, 59, .18);
  --wt-paper: #f3ece0;
  --wt-paper-2: #ece2d2;
  --wt-cream: #efe2c8;
  --wt-ink: #221a12;
  --wt-ink-soft: #6b5c47;

  /* Semantic mapping */
  --brand-primary: var(--wt-bronze-hi);
  --brand-secondary: var(--wt-carhartt);
  --brand-accent: var(--wt-foret);
  --brand-dark: var(--wt-noir);
  --brand-light: var(--wt-paper);

  /* Typography — client-specific (Google Fonts) */
  --font-display: 'Anton', Impact, var(--font-sans, sans-serif);
  --font-body: 'Zilla Slab', Georgia, var(--font-serif, serif);
  --font-detail: 'JetBrains Mono', var(--font-mono, monospace);

  /* Personality overrides (Open Props) */
  --site-radius: var(--radius-1);       /* sharp, workwear — almost no rounding */
  --site-shadow: var(--shadow-4);
  --site-ease: var(--ease-out-4);
  --site-ease-spring: var(--ease-spring-3);

  /* Utopia fluid type: 320px → 1240px */
  --step--2: clamp(0.6944rem, 0.6597rem + 0.1736vw, 0.8rem);
  --step--1: clamp(0.8333rem, 0.7754rem + 0.2899vw, 1rem);
  --step-0: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --step-1: clamp(1.2rem, 1.0739rem + 0.6304vw, 1.5625rem);
  --step-2: clamp(1.44rem, 1.2615rem + 0.8924vw, 1.9531rem);
  --step-3: clamp(1.728rem, 1.4799rem + 1.2406vw, 2.4414rem);
  --step-4: clamp(2.0736rem, 1.7334rem + 1.7011vw, 3.0518rem);
  --step-5: clamp(2.4883rem, 2.027rem + 2.3067vw, 3.8147rem);

  /* Utopia fluid space */
  --space-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.6848rem + 0.3261vw, 0.9375rem);
  --space-s: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.3696rem + 0.6522vw, 1.875rem);
  --space-l: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
  --space-xl: clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.6522rem + 1.7391vw, 5rem);
  --space-3xl: clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);
}