/* ═══════════════════════════════════════════════════════════════════════════════
   tokens.css — les jetons de la Console (couleurs, rampes, polices, échelle de tailles,
   espacements, rayons, durées, plans). UNIQUE source de vérité : console.css l'importe
   pour l'application, et les pages autonomes (login, offre, facture, rendu, tâche,
   validation RS, choix des logos) le chargent seul pour partager la palette sans hériter
   du reset ni de la coquille. Les pages de vote restent à la charte agence (vote.php).
   Séparé de console.css le 23.09.2026. ══════════════════════════════════════════════ */
:root {
  /* 11.10.2026 (bêta-test, axe-core) : couleurs de texte foncées pour atteindre 4,5:1 (WCAG AA) sur le crème, le blanc
     et les fonds teintés des pastilles — vert, bleu, orange, ambre, sarcelle, gris de texte. */
  --cream:  #F5F0E8; --cream2: #EDE8DF; --red: #E8003D; --red-light: rgba(232,0,61,0.07);
  --text: #1a1a1a; --text-muted: rgba(26,26,26,0.70); --text-dim: rgba(26,26,26,0.66);   /* 11.10.2026 : contraste ≥ 4,5:1 sur le crème (WCAG AA) — étaient 0.5 et 0.32 */
  --border: rgba(26,26,26,0.1); --border-strong: rgba(26,26,26,0.2);
  --blue: #075985; --blue-bg: rgba(2,132,199,0.08); --blue-border: rgba(2,132,199,0.25);
  --orange: #9a3412; --orange-bg: rgba(180,83,9,0.08); --orange-border: rgba(180,83,9,0.22);
  --pink: #f5c2f0; --pink-border: #e8a8e0; --green: #166534; --green-bg: rgba(22,163,74,0.08);
  --rose: #FFBFF3; /* rose officiel Audace, extrait du logo */
  --radius: 12px;

  /* ── Ajouts du 23.09.2026 (standardisation V1, préparation de la V2) ──
     Les modules ont encore leurs valeurs en dur ; ils migrent vers ces jetons un par un.
     Tant qu'une valeur n'est pas passée par ici, la V2 ne peut pas la changer d'un coup. */
  --on-accent: #fff;                    /* texte posé sur un fond rouge/noir plein */
  --surface: #fff;                      /* fond des cartes, tableaux, modales, champs */
  --surface-hover: rgba(26,26,26,0.04); /* survol d'une ligne, d'un nav-item */
  --font: 'DM Sans', sans-serif;
  --font-display: var(--font);          /* 23.09, Hugo : « la typo display [Domaine Display], j'ai du mal avec elle » dans les blocs
                                           → titres en DM Sans. Repasser à 'ND Display', serif ici suffit pour la ravoir partout. */
  --fs-xs: 10px; --fs-sm: 11px; --fs-base: 12px; --fs-md: 13px; --fs-lg: 14px; --fs-xl: 16px; --fs-title: 18px; --fs-2xl: 20px; /* échelle de tailles : 8 crans, rien entre (23.09 : 10.5→sm, 11.5→base, 12.5→md, 17→xl, 18→title) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 28px; --sp-8: 40px;
  --radius-sm: 6px; --radius-md: 8px; --radius-btn: 10px; --radius-lg: 12px; --radius-pill: 20px;
  --t-fast: .15s; --t-base: .25s;     /* durées de transition */
  --z-header: 200; --z-drawer: 300; --z-modal: 500;
  /* Rampes (23.09.2026) : toutes les transparences des modules, ramenées à des crans nommés.
     --ink-NN = noir de texte à NN % ; --paper-NN = blanc à NN % (sur fond sombre) ; --red-NN. */
  --ink-04: rgba(26,26,26,0.04); --ink-06: rgba(26,26,26,0.06); --ink-08: rgba(26,26,26,0.08);
  --ink-10: rgba(26,26,26,0.10); --ink-15: rgba(26,26,26,0.15); --ink-20: rgba(26,26,26,0.20);
  --ink-25: rgba(26,26,26,0.25); --ink-30: rgba(26,26,26,0.30); --ink-35: rgba(26,26,26,0.35);
  --ink-40: rgba(26,26,26,0.40); --ink-45: rgba(26,26,26,0.45); --ink-50: rgba(26,26,26,0.50);
  --ink-55: rgba(26,26,26,0.55); --ink-60: rgba(26,26,26,0.60); --ink-65: rgba(26,26,26,0.65);
  --ink-70: rgba(26,26,26,0.70); --ink-80: rgba(26,26,26,0.80); --ink-90: rgba(26,26,26,0.90);
  --paper-15: rgba(255,255,255,0.15); --paper-45: rgba(255,255,255,0.45); --paper-55: rgba(255,255,255,0.55); --paper-75: rgba(255,255,255,0.75);
  --red-05: rgba(232,0,61,0.05); --red-10: rgba(232,0,61,0.10); --red-15: rgba(232,0,61,0.15); --red-20: rgba(232,0,61,0.20);
  --red-30: rgba(232,0,61,0.30); --red-35: rgba(232,0,61,0.35); --red-45: rgba(232,0,61,0.45);
  --red-dark: #c2143a;
  --violet: #7c3aed; --violet-bg: rgba(124,58,237,0.08);   /* identité du module Projets */
  --green-dark: #14532d; --blue-dark: #1d5fd6;
  /* Palette secondaire (23.09.2026) : couleurs d'état et d'identité que les modules posaient en dur,
     regroupées ici. Les teintes très proches (six « rouges pâles » différents…) ont été fusionnées. */
  --teal: #0f766e; --amber: #92400e; --amber-dark: #854d0e; --magenta: #be185d; --brown: #9c7c4d;
  --danger: #dc2626; --red-soft: #ff6b8f; --black: #000;
  --ok-bg: #d9f5e3; --ok-tint: #f7fcf9; --warn-bg: #fef3c7; --err-bg: #ffe0e0; --red-tint: #fff0f0;
  --blue-tint: #e0edff; --beige: #faf3ea; --bg-soft: #faf9f7; --bg-soft2: #f0f0f0;
  --text-soft: #6f655c;                 /* gris chaud : libellés secondaires, placeholders */
}