/* ════════════════════════════════════════════════════════════════════
   Tokens — Charte Collectif SolidarIA (v1.0)
   Les anciens noms de variables sont conservés en alias (couche compat)
   pour que tout le CSS existant adopte automatiquement la nouvelle charte.
   ════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Palette charte ── */
  --color-teal:        #1A98AE;   /* signature, boutons primaires, pull-quote border */
  --color-teal-deep:   #147A8C;   /* hover sur teal, icônes actives */
  --color-teal-ink:    #0A5A69;   /* teal très foncé, texte sur fond mint */
  --color-plum:        #231852;   /* ombres, accents sombres */
  --color-ink:         #1B2447;   /* texte principal (corps) */
  --color-lavender:    #A8AED1;   /* fills graphiques secondaires */

  --color-coral:       #E96A3D;   /* accent chaud 1 — tag "IA", badges */
  --color-vermillion:  #E84B2C;   /* accent chaud 2 — CTA fort, hover coral */
  --color-gold:        #E8A020;   /* accent chaud 3 — utilisé avec parcimonie */
  --color-rose:        #E8B4B0;   /* très doux, jamais dominant */
  --color-wine:        #7D2B3E;   /* foncé warm, jamais seul */

  --color-mint:        #B6DDD2;   /* delta KPI, pull-quote bg, accents légers */
  --color-cream:       #F5EFE3;   /* fond de page par défaut — JAMAIS blanc */
  --color-cream-2:     #EDE6D6;   /* fond de cartes, sections alternées */
  --color-paper:       #F9F5EE;   /* variante très claire du cream */

  --color-border:      rgba(27, 36, 71, 0.12);  /* bordures ambiantes */
  --color-border-pull: #1A98AE;   /* bordure gauche pull-quote : 4px solid */

  /* ── Typographie charte ── */
  --font-display: 'Georgia', Georgia, serif;          /* titres, pull-quotes */
  --font-body:    'Work Sans', system-ui, sans-serif;  /* corps, UI, listes */
  --font-mono:    'DM Mono', 'Courier New', monospace; /* eyebrows, labels, data */

  /* ── Espacements ── */
  --space-4:   0.25rem;
  --space-8:   0.5rem;
  --space-12:  0.75rem;
  --space-16:  1rem;
  --space-24:  1.5rem;
  --space-32:  2rem;
  --space-48:  3rem;
  --space-64:  4rem;
  --space-96:  6rem;
  --space-120: 7.5rem;

  /* ── Layout ── */
  --content-max: 1240px;
  --gutter:      48px;
  --section-py:  96px;

  /* ── Rayons (petit, presque carré — pas de SaaS round) ── */
  --r-sm:   2px;
  --r-md:   4px;   /* cartes, boutons */
  --r-lg:   8px;   /* chips, inputs */
  --r-pill: 999px; /* chips statut uniquement */

  /* ── Ombres ── */
  --shadow-1:     0 1px 3px rgba(27,36,71,0.08);
  --shadow-2:     0 4px 12px rgba(27,36,71,0.10);   /* carte au repos */
  --shadow-hover: 0 6px 18px rgba(27,36,71,0.13);   /* carte au hover */
  --shadow-tape:  2px 3px 7px rgba(27,36,71,0.18);  /* note épinglée */

  /* ── Animations ── */
  --ease-paper: cubic-bezier(0.34, 1.06, 0.64, 1);
  --dur-fast:   140ms;
  --dur-base:   220ms;

  /* ════════════════════════════════════════════════════════════════
     Couche de compatibilité — anciens noms → nouvelle charte
     (aucune règle CSS existante n'a besoin d'être réécrite)
     ════════════════════════════════════════════════════════════════ */

  /* Couleurs */
  --color-plum-deep:      var(--color-ink);                 /* titres */
  --color-plum-dark:      var(--color-ink);
  --color-mauve:          var(--color-teal);                /* accent signature */
  --color-lavender-pale:  var(--color-cream-2);             /* fonds doux */
  --color-bg:             var(--color-cream);
  --color-bg-alt:         var(--color-cream-2);
  --color-text-primary:   var(--color-ink);
  --color-text-secondary: rgba(27, 36, 71, 0.74);
  --color-text-muted:     rgba(27, 36, 71, 0.52);
  --color-saffron:        var(--color-gold);
  --color-sky:            var(--color-lavender);

  /* Typographie */
  --font-serif: var(--font-display);
  --font-sans:  var(--font-body);

  /* Rayons */
  --radius-card:  var(--r-md);   /* 4px */
  --radius-large: var(--r-lg);   /* 8px */
  --radius-pill:  var(--r-pill);

  /* Transitions */
  --transition-fast: var(--dur-fast);
  --transition-base: var(--dur-base);
}
