:root {
  /* ── Fonds ─────────────────────────────────────── */
  --bg:           #0d1e30;
  --panel:        #152840;
  --panel-2:      #1c3455;
  --panel-hover:  rgba(28,52,85,.9);
  --overlay:      rgba(11,21,37,.85);

  /* ── Textes ────────────────────────────────────── */
  --text:         #e8f0fe;
  --text-soft:    #c0cfe0;
  --muted:        #6b8aad;
  --muted-2:      #4a6080;

  /* ── Bordures ──────────────────────────────────── */
  --border:       rgba(100,180,255,.14);
  --border-soft:  rgba(100,180,255,.08);
  --border-strong:rgba(100,180,255,.28);

  /* ── Accent principal (cyan) ────────────────────── */
  --accent:       #00cfff;
  --accent-2:     #0099cc;
  --accent-dim:   rgba(0,207,255,.15);
  --accent-glow:  0 0 20px rgba(0,207,255,.25), 0 0 40px rgba(0,207,255,.10);
  --accent-text:  #00e5ff;

  /* ── Couleurs ressources ───────────────────────── */
  --c-ferrox:     #f97316;
  --c-kyrium:     #67e8f9;
  --c-fuel:       #fb923c;
  --c-novalite:   #c084fc;
  --c-energy:     #fbbf24;
  --c-pop:        #4ade80;

  /* ── États ─────────────────────────────────────── */
  --success:      #22c55e;
  --success-dim:  rgba(34,197,94,.15);
  --warning:      #f59e0b;
  --warning-dim:  rgba(245,158,11,.15);
  --danger:       #ef4444;
  --danger-dim:   rgba(239,68,68,.15);
  --info:         #3b82f6;
  --info-dim:     rgba(59,130,246,.15);

  /* ── Layout ─────────────────────────────────────── */
  --header-h:     58px;
  --sidebar-w:    220px;
  --sidebar-w-sm: 60px;
  --radius-sm:    8px;
  --radius:       12px;
  --radius-lg:    18px;
  --radius-xl:    24px;

  /* ── Transitions ─────────────────────────────────── */
  --t-fast:       .12s ease;
  --t:            .2s ease;
  --t-slow:       .35s ease;
}