/* ════════════════════════════════════════════════════════════════════════════
   KANSO-OPS — jetons de la charte graphique
   Source unique. Toute surface Kanso lit ces variables et n'ecrit jamais une
   couleur en dur.

   Palette arretee le 28/08/2026. Elle remplace la palette violette de juin,
   archivee dans logo/_archive_palette_violette_2026-06. Le document
   charte-graphique-kanso-ops.html decrit encore l'ancienne : en cas de
   desaccord, ce fichier fait foi.

   Typographie : Lato pour les titres et la marque, Open Sans pour le texte
   courant. Le K du logo est du Lato Black vectorise, il ne depend d'aucune
   fonte installee.
   ════════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Marque ─────────────────────────────────────────────────────────────── */
  --kanso-navy:            #140E59;   /* fond de marque, pave du logo        */
  --kanso-navy-clair:      #1b1470;   /* degrade du pave, survols sur navy   */
  --kanso-navy-profond:    #0e0a3f;   /* fond des pages sombres              */
  --kanso-corail:          #EF7D53;   /* accent, le K, les actions           */
  --kanso-corail-fonce:    #e2673c;   /* survol d'une action                 */
  --kanso-corail-clair:    #f4a184;   /* accent sur fond sombre, liens       */
  --kanso-creme:           #FBF7F3;   /* fond clair de marque                */

  /* Composantes, pour les transparences. Une couleur en rgba() ne peut pas
     etre derivee d'un hexadecimal en CSS pur. */
  --kanso-navy-rgb:        20, 14, 89;
  --kanso-corail-rgb:      239, 125, 83;
  --kanso-corail-clair-rgb: 244, 161, 132;

  /* ── Texte et surfaces ──────────────────────────────────────────────────── */
  --kanso-encre:           #3a3550;   /* texte courant sur fond clair        */
  --kanso-encre-douce:     #6b6780;   /* texte secondaire                    */
  --kanso-pale:            #b9b3d8;   /* texte secondaire sur fond sombre    */
  --kanso-bordure:         #ECE4DA;   /* filets sur fond clair               */
  --kanso-blanc:           #ffffff;

  /* ── Statuts ────────────────────────────────────────────────────────────── */
  /* Distincts de l'accent : un etat n'est jamais dit par la couleur de marque,
     sinon « action possible » et « tout va bien » se confondent. */
  --kanso-succes:          #55d3a8;
  --kanso-alerte:          #f0a04b;
  --kanso-danger:          #ff8c9f;
  --kanso-info:            #7aa7f0;

  /* ── Typographie ────────────────────────────────────────────────────────── */
  --kanso-titre: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --kanso-texte: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Helvetica, Arial, sans-serif;
  --kanso-chiffres: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ── Formes ─────────────────────────────────────────────────────────────── */
  --kanso-rayon:           10px;
  --kanso-rayon-carte:     16px;
  --kanso-rayon-pave:      19%;       /* arrondi du pave du logo             */
  --kanso-ombre:           0 18px 50px rgba(var(--kanso-navy-rgb), .28);
}