/* preprod/v62-tokens.css — design tokens v6.62.0 (skin classique blanc/gris)
   Scope: any element with class .v62 inherits these tokens.
   Override Shoelace 2.20 CSS variables for the same scope.
   Dark mode: auto via prefers-color-scheme. */

.v62 {
  /* Surfaces — blanc/gris classique (contraste fort sur inputs) */
  --v62-bg:        #ffffff;
  --v62-bg-soft:   #f6f7f8;
  --v62-bg-inset:  #eef0f2;

  /* Borders */
  --v62-bd:        #e5e7eb;
  --v62-bd-strong: #c7ccd1;

  /* Text */
  --v62-tx:        #111827;
  --v62-tx-soft:   #4b5563;
  --v62-tx-muted:  #9ca3af;

  /* Accents — ocre conservé pour actives tab + primary, sinon bleu neutre */
  --v62-acc:        #b45309;
  --v62-acc-soft:   #fef3c7;
  --v62-acc-strong: #92400e;
  --v62-ok:         #15803d;
  --v62-warn:       #b91c1c;
  --v62-info:       #1d4ed8;

  /* Radii */
  --v62-radius:    10px;
  --v62-radius-sm:  6px;
  --v62-radius-lg: 14px;

  /* Shadows (neutres, gris) */
  --v62-shadow-sm: 0 1px 2px rgba(17,24,39,.04);
  --v62-shadow:    0 6px 16px rgba(17,24,39,.08);

  /* Typo */
  --v62-font:         'Inter', system-ui, -apple-system, sans-serif;
  --v62-font-display: 'Lora', Georgia, 'Times New Roman', serif;

  /* Shoelace 2.20 token override (so <sl-*> components inherit le skin) */
  --sl-color-primary-600:    var(--v62-acc);
  --sl-color-primary-500:    #d97706;
  --sl-color-primary-700:    var(--v62-acc-strong);
  --sl-color-success-600:    var(--v62-ok);
  --sl-color-danger-600:     var(--v62-warn);
  --sl-font-sans:            var(--v62-font);
  --sl-font-serif:           var(--v62-font-display);
  --sl-border-radius-medium: var(--v62-radius);
  --sl-border-radius-small:  var(--v62-radius-sm);
  --sl-input-border-color:   var(--v62-bd-strong);
  --sl-input-background-color: var(--v62-bg);

  /* Cascade : remap legacy CSS tokens vers v62 dans le scope .v62.
     Toutes les cards/panels/sections qui utilisent var(--bg2), var(--bg3), etc.
     héritent du skin v62 (light + dark) sans qu'on doive chasser chaque classe.
     Les couleurs hardcodées (badges, boutons primary blue) restent intactes. */
  --bg:    var(--v62-bg-soft);
  --bg2:   var(--v62-bg);
  --bg3:   var(--v62-bg-soft);
  --bg4:   var(--v62-bg-inset);
  --bg5:   var(--v62-bg-inset);
  --tx:    var(--v62-tx);
  --tx2:   var(--v62-tx-soft);
  --tx3:   var(--v62-tx-soft);
  --tx4:   var(--v62-tx-muted);
  --bd:    var(--v62-bd);
  --bd2:   var(--v62-bd);
  --bd3:   var(--v62-bd);
  --hover: var(--v62-bg-inset);
  --shd:   var(--v62-shadow-sm);
}

/* v6.62.0 — dark mode désactivé : le legacy de l'app ne supporte pas le dark mode
   (palette --bg/--bg2/--tx hardcodée light), forcer v62 en dark créait des
   mismatches massifs (inputs blancs sur surface sombre, labels invisibles, etc.).
   Le skin v62 reste en light. Dark mode = chantier futur si re-priorisé. */