/* ═══════════════════════════════════════════════════════════════
   R3STO Mini — Corporate Override
   Aligne sur le Design System global r3sto.com/_design.html
   - Quasi-noir froid (vs navy bleuté du bundle)
   - Radius 12px (vs 4px carré)
   - Or chaud (déjà aligné dans le bundle)
   - Toggle dark/light fonctionnel sur [data-theme=light]
   Chargé APRÈS le CSS du bundle → les variables redéfinies gagnent.
   ═══════════════════════════════════════════════════════════════ */

/* ─── DARK (par défaut) ─── */
:root {
  /* Surfaces */
  --bg:            #0b0d12;
  --bg2:           #14161e;
  --surf:          #15181f;
  --surf2:         #1e2230;
  --surf3:         #262b3a;
  --surf4:         #2a2f3d;

  /* Textes */
  --text:          #e8e9ed;
  --t2:            #b0b4be;
  --t3:            #8b8f9a;
  --t4:            #5d6170;
  --muted:         #8b8f9a;

  /* Bordures */
  --border:        #2a2f3d40;
  --border2:       #2a2f3d60;
  --border-strong: #3a3f4d;

  /* Accents OR (alignés bundle existant) */
  --accent:        #c89752;
  --accent-2:      #a07e2a;
  --or:            #c89752;
  --or-deep:       #a07e2a;
  --or-bright:     #d4af37;
  --or-soft:       #c897521f;
  --or-strong:     #c8975266;
  --ac:            #c89752;

  /* ─── DATA PALETTE LOCKÉE (charts) ───
     Series 1 (primary)   : OR VIF     #c89752
     Series 2 (secondary) : OR SOBRE   #a07e2a
     Series 3 (positive)  : VERT       #10b981
     Series 4 (negative)  : ROUGE      #d4574e
     Series 5 (neutral)   : GRIS       #8b8f9a
     INTERDIT : bleu, violet, cyan, jaune fluo
  */

  /* Blue → OR SOBRE (series 2) */
  --bl:            #a07e2a;
  --bp:            #a07e2a1f;
  --b2:            #a07e2a66;

  /* Amber (orange) → OR VIF (series 1) */
  --am:            #c89752;
  --ap:            #c897521f;
  --ab:            #c8975266;

  /* Purple → GRIS NEUTRE (kill all purple) */
  --pu:            #8b8f9a;
  --pp:            #8b8f9a1f;
  --pb:            #8b8f9a66;

  /* Cyan/Violet (vt) → OR BRIGHT (4e teinte si besoin de différenciation) */
  --vt:            #d4af37;
  --vp:            #d4af371f;
  --vb:            #d4af3766;

  /* Green : conservé pour positif */
  --gn:            #10b981;
  --gp:            #10b9811f;
  --gb:            #10b98166;

  /* Red : adouci en sobre */
  --rd:            #d4574e;
  --rp:            #d4574e1f;
  --rb:            #d4574e66;

  /* Night = or vif, gardé pour compat */
  --night:         #c89752;
  --night-solid:   #a07e2a;

  /* Badges adoucis (annulation, churn etc.) */
  --badge-active:  #10b981;
  --badge-trial:   #a07e2a;
  --badge-paused:  #8b8f9a;
  --badge-danger:  #d4574e;
  --badge-churn:   #5d6170;

  /* Radius — corporate */
  --br:            12px;
  --br2:           8px;
  --br3:           0;

  /* Shadow */
  --shadow:        0 8px 32px rgba(0,0,0,0.45);
}

/* ─── LIGHT (toggle [data-theme=light]) ─── */
[data-theme="light"] {
  --bg:            #f6f5f1;
  --bg2:           #efece5;
  --surf:          #ffffff;
  --surf2:         #efece5;
  --surf3:         #e3dfd5;
  --surf4:         #d8d3c6;

  --text:          #1a1d24;
  --t2:            #3d4452;
  --t3:            #5a5f6b;
  --t4:            #8b8f9a;
  --muted:         #5a5f6b;

  --border:        #d8d3c640;
  --border2:       #d8d3c680;
  --border-strong: #c5ccd6;

  --accent:        #a07e2a;
  --accent-2:      #7d6220;
  --or:            #a07e2a;
  --or-deep:       #7d6220;
  --or-bright:     #c89752;
  --or-soft:       #a07e2a14;
  --or-strong:     #a07e2a4d;
  --ac:            #a07e2a;

  /* ─── DATA PALETTE en mode LIGHT ─── */
  --bl:            #7d6220;     /* series 2 (or deep) */
  --bp:            #7d622014;
  --b2:            #7d622038;

  --am:            #a07e2a;     /* series 1 (or sobre) */
  --ap:            #a07e2a14;
  --ab:            #a07e2a38;

  --pu:            #5d6170;     /* series neutre */
  --pp:            #5d617014;
  --pb:            #5d617038;

  --vt:            #c89752;     /* 4e teinte */
  --vp:            #c8975214;
  --vb:            #c8975238;

  --gn:            #2e7a4a;     /* vert plus sombre en light */
  --gp:            #2e7a4a14;
  --gb:            #2e7a4a38;

  --rd:            #b8463d;     /* rouge plus sombre en light */
  --rp:            #b8463d14;
  --rb:            #b8463d38;

  --night:         #a07e2a;
  --night-solid:   #7d6220;

  --shadow:        0 8px 32px rgba(26,29,36,0.10);
}

/* ─── Toggle button désactivé : le bundle a deja son propre toggle ─── */
.r3sto-theme-toggle {
  display: none !important;
}