/* ═══ DESIGN TOKENS — source unique (EXT-033 : multi-thèmes white-label) ═══
   Tout composant consomme CES variables — jamais une couleur en dur.
   Thèmes : [data-theme="cosmos"] (défaut, sombre) · [data-theme="lumiere"] (clair).
   Ajouter un thème client = un bloc [data-theme="x"] qui surcharge les variables. */

:root, [data-theme="cosmos"] {
  /* Fonds */
  --bg: #0a0e17;
  --bg-2: #0e1524;
  --card: #131c2e;
  --card-2: #182338;
  --glass: rgba(19, 28, 46, .72);
  --border: #1e2a44;

  /* Textes */
  --tx: #e6ecf5;
  --tx-2: #9aa8bf;
  --tx-3: #64748b;

  /* Accents */
  --accent: #8b5cf6;
  --accent-2: #3b82f6;
  --accent-soft: rgba(139, 92, 246, .14);
  --grad: linear-gradient(135deg, #3b82f6, #8b5cf6);

  /* États */
  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #f87171;
  --ok-soft: rgba(52, 211, 153, .13);
  --warn-soft: rgba(251, 191, 36, .13);
  --bad-soft: rgba(248, 113, 113, .13);

  /* Géométrie & effets */
  --r: 14px;
  --r-s: 9px;
  --shadow: 0 8px 30px rgba(3, 7, 18, .55);
  --glow: 0 0 24px rgba(139, 92, 246, .25);
  --focus: 0 0 0 3px rgba(139, 92, 246, .55);

  /* Typo */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* Thème 3 — « Graphite & Or » : corporate B2B, pensé white-label (EXT-039) */
[data-theme="graphite"] {
  --bg: #101214;
  --bg-2: #16191d;
  --card: #1b1f24;
  --card-2: #22272e;
  --glass: rgba(27, 31, 36, .78);
  --border: #2d333c;

  --tx: #edeef0;
  --tx-2: #a8adb5;
  --tx-3: #6e747d;

  --accent: #d4a747;            /* or mat */
  --accent-2: #e6c37a;
  --accent-soft: rgba(212, 167, 71, .12);
  --grad: linear-gradient(135deg, #b8860b, #e6c37a);

  --ok: #4ade80;
  --warn: #facc15;
  --bad: #f87171;
  --ok-soft: rgba(74, 222, 128, .12);
  --warn-soft: rgba(250, 204, 21, .12);
  --bad-soft: rgba(248, 113, 113, .12);

  --shadow: 0 8px 28px rgba(0, 0, 0, .5);
  --glow: 0 0 22px rgba(212, 167, 71, .22);
  --focus: 0 0 0 3px rgba(212, 167, 71, .5);
}

/* Accessibilité : l'utilisateur demande moins de mouvement → on obéit PARTOUT (EXT-044) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

[data-theme="lumiere"] {
  --bg: #f7f6f3;
  --bg-2: #efede8;
  --card: #ffffff;
  --card-2: #f4f2fc;
  --glass: rgba(255, 255, 255, .8);
  --border: #e2ddd4;

  --tx: #1f2430;
  --tx-2: #5b6472;
  --tx-3: #8a92a0;

  --accent: #6d28d9;
  --accent-2: #2563eb;
  --accent-soft: rgba(109, 40, 217, .09);
  --grad: linear-gradient(135deg, #2563eb, #6d28d9);

  --ok: #059669;
  --warn: #b45309;
  --bad: #dc2626;
  --ok-soft: rgba(5, 150, 105, .1);
  --warn-soft: rgba(180, 83, 9, .1);
  --bad-soft: rgba(220, 38, 38, .09);

  --shadow: 0 8px 24px rgba(31, 36, 48, .09);
  --glow: 0 0 20px rgba(109, 40, 217, .14);
  --focus: 0 0 0 3px rgba(109, 40, 217, .4);
}