/* =============================================================
   KLENCIO — DESIGN TOKENS (source unique de vérité visuelle)
   -------------------------------------------------------------
   Règle : tout chiffre visuel (couleur, espace, rayon, ombre,
   z-index) vient d'ici. style.css consomme ces tokens ; les vues
   ne connaissent que les ALIAS historiques (--brand, --ok, …),
   conservés plus bas pour que les 78 écrans existants continuent
   de fonctionner sans être réécrits.

   Le thème sombre de demain redéfinira UNIQUEMENT ce bloc sous
   [data-theme="dark"] — c'est tout l'intérêt de la couche.
   ============================================================= */

:root {
  /* ---- Marque ---- */
  --k-primary:        #1550e0;   /* LE bleu d'action — un seul */
  --k-primary-600:    #0f3fbd;   /* survol / actif */
  --k-primary-soft:   #edf3ff;   /* fonds d'accent */
  --k-primary-border: #c6d8fb;
  --k-accent:         #42dab3;   /* le vert de la feuille du logo — parcimonie, jamais en texte */
  --k-accent-soft:    #e8faf4;
  --k-accent-deep:    #1a8569;   /* le vert quand il doit se LIRE : 4,56:1 sur blanc (AA) */

  /* ---- Neutres (légèrement bleutés : c'est ce qui fait "conçu ensemble") ---- */
  --k-bg:          #f4f6fa;
  --k-surface:     #ffffff;
  --k-border:      #e3e8f0;
  --k-border-soft: #edf0f6;
  --k-text:        #0c1428;
  --k-text-2:      #33415c;   /* texte d'interface (boutons ghost, labels) */
  --k-muted:       #5d6b84;
  /* §72 : le texte tertiaire reste du TEXTE — 4,5:1 sur blanc (AA).
     L'ancien #93a0b4 (2,9:1) était joli et illisible au soleil. */
  --k-faint:       #66758e;

  /* ---- États ---- */
  --k-success:        #12824c;
  --k-success-soft:   #eaf8f0;
  --k-success-border: #b5e5c9;
  --k-warning:        #b45309;
  --k-warning-soft:   #fff8eb;
  --k-warning-border: #fbdf9d;
  --k-danger:         #d2322a;
  --k-danger-soft:    #fdf1f0;
  --k-danger-border:  #f5c6c2;
  --k-info:           #2e7cf6;
  --k-info-soft:      #edf4ff;

  /* ---- Espacement (grille unique — §8) ---- */
  --k-s1: 4px;  --k-s2: 8px;  --k-s3: 12px; --k-s4: 16px;
  --k-s5: 24px; --k-s6: 32px; --k-s7: 48px; --k-s8: 64px;

  /* ---- Rayons (trois niveaux — §9) ---- */
  --k-r-sm: 8px;
  --k-r-md: 12px;
  --k-r-lg: 16px;
  --k-r-pill: 999px;

  /* ---- Ombres (légères : la hiérarchie vient des bordures — §10) ---- */
  --k-sh:    0 1px 2px rgba(12, 20, 40, .05), 0 1px 3px rgba(12, 20, 40, .05);
  --k-sh-lg: 0 8px 24px rgba(12, 20, 40, .10);
  --k-ring:  0 0 0 3px rgba(21, 80, 224, .14);   /* focus */

  /* ---- Plans (z-index nommés) ---- */
  --k-z-nav: 30;      /* barre basse mobile */
  --k-z-bar: 40;      /* top bar */
  --k-z-support: 60;  /* bandeau assistance */
  --k-z-drawer: 70;
  --k-z-lightbox: 90;
  --k-z-camera: 95;

  /* ---- Layout ---- */
  --k-side-w: 252px;
  --k-side-min: 68px;
  --k-wrap: 760px;               /* mobile / défaut */

  /* =============================================================
     ALIAS HISTORIQUES — ne pas supprimer.
     Les vues utilisent ces noms en style inline depuis la v6 :
     ils pointent désormais vers les tokens ci-dessus.
     ============================================================= */
  --bg:        var(--k-bg);
  --bg-soft:   #f7f9fc;
  --fg:        var(--k-text);
  --muted:     var(--k-muted);
  --faint:     var(--k-faint);
  --card:      var(--k-surface);
  --line:      var(--k-border);
  --line-soft: var(--k-border-soft);

  --brand:        var(--k-primary);
  --brand-dark:   var(--k-primary-600);
  --brand-soft:   var(--k-primary-soft);
  --brand-border: var(--k-primary-border);

  --ok:           var(--k-success);
  --ok-soft:      var(--k-success-soft);
  --ok-border:    var(--k-success-border);
  --warn:         var(--k-warning);
  --warn-soft:    var(--k-warning-soft);
  --warn-border:  var(--k-warning-border);
  --danger:       var(--k-danger);
  --danger-soft:  var(--k-danger-soft);
  --danger-border:var(--k-danger-border);
  --gray:         var(--k-muted);
  --gray-soft:    #f7f8fa;
  --gray-border:  var(--k-border);

  --r:     var(--k-r-lg);
  --sh:    var(--k-sh);
  --sh-lg: var(--k-sh-lg);
}