/* 01:PM — Colors · palette « Électrique »
   60/30/10: 60% neutrals (white/ink), 30% deep ink (sections, header/footer), 10% accent.
   Sarcelle néon (teal) = default accent (links, underlines, icons, anchors).
   Corail vif (coral) = reserved for the #1 primary CTA + emotional accents (rarity = impact).
   Bleu électrique = third accent, data-viz + info states only. Never a CTA. */

:root {
  /* Base / Ink */
  --c-ink:        #0B1622;  /* primary text, dark sections */
  --c-ink-soft:   #33424F;  /* secondary text */
  --c-muted:      #5A6875;  /* tertiary text, captions — 5,72:1 on white (was #6B7A8A, 4,40:1) */
  --c-line:       #E1E9F0;  /* borders, separators */
  --c-bg:         #FFFFFF;  /* primary surface */
  --c-bg-alt:     #F0F6F7;  /* alternate section surface */

  /* Accent primaire — Sarcelle néon (teal) */
  --c-accent:     #00D1B2;
  --c-accent-600: #00A38C;  /* hover / text on light */
  --c-accent-700: #00756A;  /* TEXT teal — 5,60:1 on white. The only teal allowed as running text. */
  --c-accent-100: #CFFAF3;  /* soft fills, badges */

  /* Accent secondaire — Corail vif (coral) */
  --c-warm:       #FF5A45;
  --c-warm-600:   #E63E29;
  --c-warm-hover: #EC4529;  /* survol du primaire — encre à 4,73:1. --c-warm-600 tombe à 4,41:1. */
  --c-warm-100:   #FFE0DA;

  /* Accent tertiaire — Bleu électrique (data-viz, info) */
  --c-elec:       #3D5BFF;
  --c-elec-600:   #2540DB;
  --c-elec-100:   #E0E5FF;

  /* Sémantique */
  --c-success:    #00B36B;
  --c-warning:    #FFAA1F;
  --c-danger:     #E63E29;
  --c-info:       #3D5BFF;

  /* ---- Semantic aliases (prefer these in components) ---- */
  --text-primary:    var(--c-ink);
  --text-secondary:  var(--c-ink-soft);
  --text-muted:      var(--c-muted);
  --text-on-accent:  #FFFFFF;        /* aplat de marque = libellé blanc (dérogation assumée : 1,95:1) */
  --text-on-warm:    #FFFFFF;        /* aplat de marque = libellé blanc (dérogation assumée : 3,09:1) */

  /* CTA — the primary button: corail vif, libellé BLANC. Décision de marque assumée :
     le blanc n'atteint que 3,09:1 sur --c-warm (dérogation documentée dans
     guidelines/colors-contrast.html). L'encre restait à 5,90:1. */
  --cta-bg:          var(--c-warm);
  --cta-bg-hover:    var(--c-warm-hover);
  --cta-fg:          var(--text-on-warm);

  /* Secondaire — sarcelle, libellé BLANC (1,95:1 : même dérogation, plus sévère). */
  --btn2-bg:         var(--c-accent);
  --btn2-bg-hover:   var(--c-accent-600);
  --btn2-fg:         var(--text-on-accent);
  --text-on-ink:     #EAF0F6;
  --text-link:       var(--c-accent-700);  /* --c-accent-600 is a HOVER fill, not a text color (3,17:1) */

  --surface-page:    var(--c-bg);
  --surface-alt:     var(--c-bg-alt);
  --surface-card:    var(--c-bg);
  --surface-ink:     var(--c-ink);

  --border-subtle:   var(--c-line);
  --border-accent:   var(--c-accent);

  --focus-ring:      var(--c-accent-100);
}

/* Dark theme — immersive sections, dashboard, CRM.
   Matches TOOLS/simulateur-ca-01PM.html tokens. */
:root[data-theme="dark"] {
  --c-ink:        #EAF0F6;
  --c-ink-soft:   #B7C4D2;
  --c-muted:      #8094A6;
  --c-line:       #22303F;
  --c-bg:         #0C141D;
  --c-bg-alt:     #14202C;

  --c-accent:     #1FE0C4;
  --c-accent-600: #6BF0DB;
  --c-accent-700: #6BF0DB;  /* TEXT teal on dark — 11,9:1 on --c-bg. Must exist here: the light
                              #00756A would fall to 3,31:1 on the dark page. */
  --c-accent-100: #0A3A33;

  --c-warm:       #FF7A66;
  --c-warm-600:   #FF9E8D;
  --c-warm-100:   #3E1F19;

  --c-elec:       #6E86FF;
  --c-elec-600:   #97A8FF;
  --c-elec-100:   #1B2352;

  --text-on-accent: #FFFFFF;
  --text-on-warm:   #FFFFFF;
  --cta-bg:         var(--c-warm);
  --cta-bg-hover:   var(--c-warm-600);
  --cta-fg:         var(--text-on-warm);
  --btn2-bg:        var(--c-accent);
  --btn2-bg-hover:  var(--c-accent-600);
  --btn2-fg:        var(--text-on-accent);
  --text-on-ink:    #EAF0F6;
  --surface-ink:    #070D14;
}