/* ============================================================
   ATLAS Studio Pro — tokens.css
   SOURCE UNIQUE des jetons de design (couleur, espacement, rayon,
   ombre, typo). Chargé EN PREMIER sur toutes les pages.
   Identité maître : papier / sienne (celle du SPA).

   Règle : ce fichier est la base. Une page peut surcharger un jeton
   dans son propre :root (chargé après) — mais l'objectif est que
   tout converge ici. Issu de l'audit cohérence du 2026-07-01.
   ============================================================ */

:root {
  /* ── Surfaces (thème clair) ─────────────────────────────── */
  --bg:         #EFEAE0;
  --surface:    #FFFFFF;
  --surface-2:  #F5F1E8;
  --surface-3:  #F8F4EB;
  --line:       rgba(21, 19, 26, 0.10);
  --line-2:     rgba(21, 19, 26, 0.05);

  /* ── Encre ──────────────────────────────────────────────── */
  --ink:        #15131A;
  --ink-2:      #3A3640;
  --ink-3:      #6A6470;

  /* ── Accent de marque — UNE couleur, fin des rouges multiples ── */
  --accent:      #BD4F1C;   /* sienne */
  --accent-ink:  #FFFFFF;
  --accent-soft: rgba(189, 79, 28, 0.10);

  /* ── Sémantique (états) ─────────────────────────────────── */
  --success: #2E7D46;   /* contraste AA sur blanc */
  --warning: #B25E00;   /* contraste AA sur blanc */
  --danger:  #C0362C;   /* rouge unique — remplace #be3a2f/#c0392b/#e24b4a */
  --info:    #4A5D7E;

  /* ── Rayons ─────────────────────────────────────────────── */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-pill: 999px;

  /* ── Espacement (grille 4px) ────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* ── Élévation (3 niveaux) ──────────────────────────────── */
  --sh-1: 0 1px 2px rgba(21, 19, 26, 0.06);
  --sh-2: 0 8px 24px rgba(21, 19, 26, 0.10);
  --sh-3: 0 32px 72px rgba(21, 19, 26, 0.14);

  /* ── Typographie ────────────────────────────────────────── */
  --font-body:    "Marianne", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Spectral", "Marianne", Georgia, "Times New Roman", serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Échelle typo — 7 marches (ratio ~1.2), plancher lisibilité 11px */
  --fs-1: 11px;
  --fs-2: 13px;
  --fs-3: 15px;
  --fs-4: 17px;
  --fs-5: 22px;
  --fs-6: 28px;
  --fs-7: 40px;

  /* Graisses — 4 valeurs seulement */
  --fw-normal:   400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
}

/* ── Thème sombre (body.dark) — surfaces inversées, identité conservée ── */
body.dark,
body.theme-dark {
  --bg:        #15131A;
  --surface:   #1E1B24;
  --surface-2: #26222E;
  --surface-3: #2A2632;
  --line:      rgba(240, 235, 224, 0.12);
  --line-2:    rgba(240, 235, 224, 0.06);
  --ink:       #F0EBE0;
  --ink-2:     #C5BFB0;
  --ink-3:     #8A8478;
  --accent-soft: rgba(189, 79, 28, 0.20);
}