:root {
  --bg: #0b0b14;
  --bg2: #111120;
  --bg3: #181828;
  --bg4: #20203a;
  --border: #2a2a45;
  --text: #dddaf8;
  --muted: #6868a0;
  --ser: #f472b6;
  --end: #facc15;
  --mat: #22d3ee;
  --amour: #f87171;
  --xp: #fb923c;
  --ok: #28e888;
  --warn: #ff9820;
  --r: 10px;

  /* MD3 – Obsidienne design tokens */
  --md-primary: #cb97ff;
  --md-secondary: #f673b7;
  --md-tertiary: #ffe083;
  --md-on-primary: #46007c;
  --md-on-secondary: #4a002f;
  --md-primary-container: #c185fd;
  --md-secondary-container: #85145a;
  --md-background: #100c16;
  --md-surface-dim: #100c16;
  --md-surface: #100c16;
  --md-surface-container-lowest: #000000;
  --md-surface-container-low: #16111d;
  --md-surface-container: #1c1724;
  --md-surface-container-high: #231d2b;
  --md-surface-container-highest: #292332;
  --md-surface-bright: #302939;
  --md-on-surface: #f1e8f7;
  --md-on-surface-variant: #b0a8b6;
  --md-on-background: #f1e8f7;
  --md-outline: #7a7380;
  --md-outline-variant: #4b4652;
  --md-error: #ff6e84;
  --md-primary-dim: #be83fa;
  --md-primary-fixed: #c185fd;
  --md-inverse-primary: #7c41b5;
}
