/*
 * xreveillon.eu — design tokens
 * Source: design-systems/xreveillon/  (charte perso Xavier Reveillon)
 * Usage:  <html data-theme="light">  (défaut)  ou  data-theme="dark"
 * Ne pas utiliser pour les projets Edda (charte Edda dédiée).
 */

:root,
[data-theme="light"] {
  --bg: #f5f5f5;
  --surface: #ffffff;
  --surface-2: #ebebeb;
  --border: #dcdcdc;
  --text: #1a1a1a;
  --text-muted: #6b6b6b;
  --accent: #059669;        /* vert — action / OK / actif */
  --accent-contrast: #ffffff;
  --accent-2: #ee9c50;       /* ambre miel — highlight / 2e type */
  --accent-2-contrast: #1a1a1a;
  --danger: #dc2626;
  --radius: 4px;
  --font-head: 'JetBrains Mono', ui-monospace, monospace;
  --font-body: 'JetBrains Mono', ui-monospace, monospace;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #161616;
  --surface: #1e1e1e;
  --surface-2: #262626;
  --border: #303030;
  --text: #ececec;
  --text-muted: #9a9a9a;
  --accent: #34d399;        /* vert — plus clair pour lisibilité sur fond foncé */
  --accent-contrast: #04130d;
  --accent-2: #ec8c3c;       /* orange doré — plus saturé pour le sombre */
  --accent-2-contrast: #1a1a1a;
  --danger: #f87171;
  color-scheme: dark;
}