@tailwind base;
@tailwind components;
@tailwind utilities;

/* ─── Void Dark (défaut) ─────────────────────────────────────────────────── */
:root,
[data-theme="dark"] {
  --od-bg:           #0a0a0d;   /* fond principal — quasi-noir cool */
  --od-surface:      #111115;   /* panneaux, cartes */
  --od-surface-hi:   #191920;   /* survol, éléments élevés */
  --od-border:       #222228;   /* séparateurs subtils */
  --od-text:         #dddde8;   /* texte principal */
  --od-muted:        #62626e;   /* texte secondaire, labels */
  --od-accent:       #d4a853;   /* or chaud — premium */
  --od-accent-dim:   #a07830;   /* survol accent */
  --od-crit:         #d95f5f;   /* erreurs */
  --od-ok:           #5fc875;   /* succès */
}

/* ─── Void Light ─────────────────────────────────────────────────────────── */
[data-theme="light"] {
  --od-bg:           #f2f2f5;
  --od-surface:      #ffffff;
  --od-surface-hi:   #e8e8ee;
  --od-border:       #d0d0da;
  --od-text:         #14141a;
  --od-muted:        #6a6a78;
  --od-accent:       #a07830;
  --od-accent-dim:   #7a5c20;
  --od-crit:         #c04040;
  --od-ok:           #3aa855;
}

/* ─── Base ───────────────────────────────────────────────────────────────── */
body {
  background-color: var(--od-bg);
  color: var(--od-text);
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}