/* ==========================================================================
   ClaudIn — Design tokens
   Alignés sur le ClaudIn Design System (css/tokens.css, Remix) :
   --bg #FAFAF6 · --ink #0E0E0E · --ink-2 #4B4B47 · --primary #0F8A5C
   Light par défaut. Une seule couleur d'accent (vert primaire), parcimonieuse.
   ========================================================================== */

:root {
  /* Couleurs — dark (palette DS dark) */
  --bg: #0F0F0B;          /* symétrie warm avec le light */
  --fg: #F0F0EC;          /* off-white chaud */
  --muted: #9A9A94;
  --accent: #1BBF82;      /* vert lifté (primary dark) */
  --line: rgba(240, 240, 236, 0.10);     /* --border DS dark */
  --line-strong: rgba(240, 240, 236, 0.18); /* --border-strong DS dark */
  --bg-elev: rgba(27, 191, 130, 0.07);   /* --primary-06 DS dark */

  /* Typographie */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Échelle — titres */
  --fs-hero: clamp(2.75rem, 8vw, 7.5rem);
  --fs-wordmark: clamp(4rem, 22vw, 20rem);
  --fs-h2: clamp(2.25rem, 5vw, 4.25rem);
  --fs-h3: clamp(1.5rem, 2.4vw, 2.1rem);
  --fs-lead: clamp(1.25rem, 2vw, 1.9rem);
  --fs-body: clamp(1rem, 1.05vw, 1.125rem);
  --fs-mono: 0.75rem;
  --fs-mono-sm: 0.6875rem;

  /* Rythme */
  --rail-w: 220px;
  --pad-x: clamp(1.5rem, 5vw, 6rem);
  --pad-y: clamp(5rem, 12vh, 11rem);
  --maxread: 60ch;

  /* Mouvement */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.6s;
}

/* Mode clair (défaut) — valeurs du design system */
:root[data-theme="light"] {
  --bg: #FAFAF6;                       /* --bg DS */
  --fg: #0E0E0E;                       /* --ink DS */
  --muted: #4B4B47;                    /* --ink-2 DS */
  --accent: #0F8A5C;                   /* --primary DS */
  --line: rgba(14, 14, 14, 0.12);      /* --border DS */
  --line-strong: rgba(14, 14, 14, 0.20); /* --border-strong DS */
  --bg-elev: rgba(15, 138, 92, 0.06);  /* --primary-06 DS */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.001s; }
  * { scroll-behavior: auto !important; }
}