/* ============================================================================
   kidvie-tokens.css — source unique des tokens de charte (étape 0.1, handoff §2.1)

   Chargé AVANT styles.css dans toutes les entrées (back-office, PWA famille,
   tablette). Additif : aucun token existant n'est redéfini ici, donc aucun rendu
   ne change tant que les écrans n'utilisent pas ces noms.

   - --brand*      : couleur principale du réseau (défaut KIDVIE = menthe).
   - --brand-2*    : secondaire (ciel) ; --brand-3 : graphiques uniquement.
   - --on-brand*   : texte posé sur la couleur (blanc par défaut ; le résolveur
                     de l'étape 0.2 le recalculera par contraste).
   - couleurs de sens (danger, warn, ok, ia, neutral) : JAMAIS remplacées par une
     marque ; elles ne portent que le sens (alerte, attente, validé, IA, inactif).

   Non défini ici, à traiter dans une étape ultérieure :
   --r-card / --r-el / --r-pill (déjà dans styles.css, --r-el y vaut 8px alors
   que le handoff dit 9px) et --page-x / --page-y / --page-max (suivent la densité).
   ============================================================================ */

:root {
  /* Principale : défaut KIDVIE (menthe). Valeurs = --ac-* de kidvie-system.css */
  --brand: #0F6E56;
  --brand-action: #0F6E56;   /* fond des boutons et pastilles pleines */
  --brand-ink: #0F6E56;      /* texte / lien sur blanc */
  --brand-50: #E1F5EE;
  --brand-100: #CFEDDF;
  --brand-200: #A6DCC5;

  /* Secondaire : défaut ciel */
  --brand-2: #185FA5;
  --brand-2-50: #E6F1FB;
  --brand-2-ink: #0C447C;

  /* Tertiaire : graphiques uniquement */
  --brand-3: #854F0B;

  /* Texte posé sur la couleur de marque */
  --on-brand: #FFFFFF;
  --on-brand-2: #FFFFFF;

  /* En-tête : uni ou dégradé principale → secondaire */
  --hdr-bg: linear-gradient(120deg, var(--brand) 0%, var(--brand-2) 100%);

  /* Couleurs de sens — fixes, jamais remplacées par la marque */
  --danger: #A32D2D;   --danger-50: #FCEBEB;
  --warn: #854F0B;     --warn-50: #FAEEDA;
  --ok: #0F6E56;       --ok-50: #E1F5EE;
  --ia: #534AB7;       --ia-50: #EEEDFE;
  --neutral: #5F5E5A;  --neutral-50: #F1EFE8;

  /* PR-TRACABILITE-1 (2026-10-12) — Tuiles de tâche (.tile, 40px, module
     Traçabilité) : couleur par CATÉGORIE, jamais par statut (spec §2). Valeurs
     = palette KIDVIE 6 familles 50/600/800 (CLAUDE.md « DESIGN SYSTEM
     KIDVIE »). bg = fond pastel (50), bd = accent (600, bordure 1px), fg =
     icône/texte (800). Pas de --tile-lavande-* : catégorie non utilisée par
     ce module (réservée aux autres usages de la palette). */
  --tile-ciel-bg: #E6F1FB;     --tile-ciel-bd: #185FA5;     --tile-ciel-fg: #0C447C;
  --tile-soleil-bg: #FAEEDA;   --tile-soleil-bd: #854F0B;   --tile-soleil-fg: #633806;
  --tile-menthe-bg: #E1F5EE;   --tile-menthe-bd: #0F6E56;   --tile-menthe-fg: #085041;
  --tile-framb-bg: #FCEBEB;    --tile-framb-bd: #A32D2D;    --tile-framb-fg: #791F1F;
  --tile-sable-bg: #F1EFE8;    --tile-sable-bd: #5F5E5A;    --tile-sable-fg: #444441;

  /* Police d'interface : réglée par réseau (marque blanche), défaut Nunito. */
  --kv-font-ui: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Cible tactile minimale */
  --tap: 44px;
}