:root {
  /* =========================================================
     AGON — SINGLE SOURCE OF TRUTH (Dark / Monochrome + Red)
     ========================================================= */

  /* --- BACKGROUNDS / SURFACES (aliases kept) --- */
  --bg-color: #000000;          /* legacy */
  --bg-body: #000000;           /* alias */
  --agon-black: #050505;        /* "near black" option */

  --surface-color: #0a0a0a;     /* legacy main card */
  --bg-card: #0a0a0a;           /* alias */
  --agon-card: #0b0b0b;         /* slight variant if needed */

  --surface-hover: #111111;     /* hover */
  --bg-surface: #121212;        /* secondary surface */

  /* --- TEXT --- */
  --text-main: #ffffff;         /* main text */
  --text-dim: #888888;          /* legacy muted */
  --text-muted: #666666;        /* extra muted (UI hints) */
  --agon-white: #e0e0e0;        /* off-white option */

  /* --- ACCENTS --- */
  --accent: #ffffff;            /* signature default (white) */
  --agon-red: #D00000;          /* primary red accent */
  --accent-red: #D00000;        /* alias for convenience */

  /* --- BORDERS / STROKES --- */
  --border-color: #333333;      /* legacy */
  --agon-gray: #333333;         /* alias */
  --border-strong: #333333;     /* strong border */
  --border-subtle: #1f1f1f;     /* subtle border */
  --agon-border-color: #222222; /* raw color for "1px solid" usage */
  --agon-border: 1px solid #222222; /* legacy style var */

  /* --- RADIUS / UI --- */
  --radius: 4px;                /* technical / squared vibe */

  /* --- STATUS --- */
  --success-color: #00c851;
  --warning-color: #ff9800;

  /* --- TYPO --- */
  --font-title: 'Anton', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* optional fonts you already referenced */
  --font-ui: 'Inter', sans-serif;
  --font-data: 'JetBrains Mono', monospace;
}


/*Surcharge pour le mode LIGHT */
[data-theme="agon-light"] {
  /* --- FONDS (Inversion Noir -> Blanc) --- */
  --bg-color: #ffffff;
  --bg-body: #ffffff;
  --agon-black: #ffffff; 

  --surface-color: #f4f4f4;
  --bg-card: #f4f4f4;
  --agon-card: #f4f4f4;

  --surface-hover: #e0e0e0;
  --bg-surface: #e0e0e0;

  /* --- TEXTE (Inversion Blanc -> Noir) --- */
  --text-main: #000000;
  --text-dim: #555555;
  --text-muted: #888888;
  --agon-white: #111111;

  /* --- BORDURES --- */
  --border-color: #ddd;
  --agon-gray: #ddd;
  --border-strong: #ccc;
  --border-subtle: #eee;
  --agon-border-color: #e5e5e5;
  --agon-border: 1px solid #e5e5e5;
  
  /* L'accent rouge ne change pas, c'est ta marque */
}