:root{
  --white:255,255,255;
  --bg:18,19,26;
  --bg2:24,26,36;

  /* Pour un fond SOMBRE (ex: gris foncé 30, 30, 30) */
  --panel: 30, 30, 30;

  --ink:240,242,250;
  --muted:170,175,195;
  --muted2:130,135,160;

  --red:240,72,65;
  --red-light:255,179,175;
  --red2:255,106,99;

  --green:32,229,166;
  --green-light:106,255,154;
  --green-ultra-light:191,255,230;
  --yellow:255,211,106;
  --yellow-light:255,233,181;

  --cyan:80,220,245;
  --cyan2:115,240,255;
  --cyan3:234,255,255;

  --card: rgba(255,255,255,.035);
  --surface: rgba(255,255,255,.045);
  --surface2: rgba(255,255,255,.07);

  --stroke: rgba(255,255,255,.10);
  --stroke2: rgba(255,255,255,.16);

  --shadow: 
    0 2px 5px rgba(255,255,255,.45),
    0 -1px 0 rgba(0,0,0,.04);

  --shadow2:
    0 12px 24px rgba(0,0,0,.35),
    0 -1px 0 rgba(255,255,255,.03);
}

/* Fond global sombre */
body{
  background:
    radial-gradient(900px 600px at 15% 10%, rgba(59,224,255,.08), transparent 60%),
    radial-gradient(900px 600px at 85% 15%, rgba(255,59,48,.06), transparent 55%),
    linear-gradient(180deg, rgb(var(--bg)) 0%, #0f111a 100%);
}

/* ── Select options : fond solide pour éviter blanc sur blanc ──
   Les <option> ignorent les variables CSS et rgba() — valeurs solides obligatoires */
select,
select option {
  background-color: #1e202c;
  color: #f0f2fa;
}