/* Koatcher Design Tokens */
:root{
  /* Typography */
  --font-display: 'Google Sans', -apple-system, 'SF Pro Display', 'Bricolage Grotesque', sans-serif;
  --font-sans:    'Google Sans Text', -apple-system, 'SF Pro Text', 'Inter', sans-serif;
  --font-brand:   'Montserrat', sans-serif;
  --font-mono:    'SF Mono', ui-monospace, Menlo, monospace;

  /* Font sizes */
  --fs-h1: clamp(40px, 6vw, 64px);
  --fs-h2: clamp(28px, 3.6vw, 40px);
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* Spacing 4-based */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  /* Radius */
  --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;

  /* Colors neutres */
  --ink: #1D1D1F;
  --ink-2: #0A0A0B;
  --soft: #6E6E73;
  --muted: #86868B;
  --line: rgba(29,29,31,0.08);
  --line-strong: rgba(29,29,31,0.18);
  --bg: #FFFFFF;
  --bg-soft: #F9F9F9;
  --bg-softer: #F4F4F0;

  /* Statuts */
  --ok: #0a7d3a;
  --err: #c93131;
  --warn: #f5a623;
  --info: #0a6cff;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(29,29,31,0.04);
  --shadow-md: 0 8px 24px rgba(29,29,31,0.08);
  --shadow-lg: 0 24px 60px rgba(29,29,31,0.12);
}