/* ==========================================================================
   clement13.net — CHARTE GRAPHIQUE (source unique des couleurs et dimensions)
   Thème sombre par défaut (identité du logo : #0b1329 / #0057B7 / #FFD700),
   thème clair automatique (prefers-color-scheme) ou forcé (data-theme).
   Ce fichier est utilisé tel quel par toutes les pages ; les pages d'erreur
   (autonomes) l'embarquent en ligne à la construction.
   ========================================================================== */

:root {
  --bg: #0b1329;
  --bg-2: #0f1933;
  --card: #121d3b;
  --line: #23305a;
  --txt: #dbe4f5;
  --muted: #93a3c4;
  --acc: #4d9bff;
  --acc-2: #ffd700;
  --brand: #0057b7;
  --ok: #3ecf8e;
  --warn: #f5b942;
  --bad: #ff7b7b;
  --prob: #60a5fa;
  --spec: #c084fc;
  --ok-bg: rgba(62, 207, 142, .13);
  --prob-bg: rgba(96, 165, 250, .14);
  --warn-bg: rgba(245, 185, 66, .13);
  --spec-bg: rgba(192, 132, 252, .14);
  --code-bg: #0a1022;
  --mark: rgba(255, 215, 0, .14);
  --shadow: 0 10px 30px rgba(0, 0, 0, .35);
  --radius: 12px;
  --top-h: 56px;
  --prose: 100ch;
  --menu-w: 300px;
  --aside-w: 280px;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f6f8fc; --bg-2: #ffffff; --card: #ffffff; --line: #d9e1f0;
  --txt: #16213d; --muted: #55627f; --acc: #0057b7; --acc-2: #8a6d00;
  --ok: #17824f; --warn: #9a6400; --bad: #b3261e;
  --prob: #1d5fb8; --spec: #7a35c4;
  --ok-bg: rgba(23, 130, 79, .12); --prob-bg: rgba(29, 95, 184, .1); --warn-bg: rgba(154, 100, 0, .12); --spec-bg: rgba(122, 53, 196, .1);
  --code-bg: #f1f4fa; --mark: rgba(255, 215, 0, .35);
  --shadow: 0 10px 30px rgba(20, 40, 90, .12);
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f6f8fc; --bg-2: #ffffff; --card: #ffffff; --line: #d9e1f0;
    --txt: #16213d; --muted: #55627f; --acc: #0057b7; --acc-2: #8a6d00;
    --ok: #17824f; --warn: #9a6400; --bad: #b3261e;
  --prob: #1d5fb8; --spec: #7a35c4;
  --ok-bg: rgba(23, 130, 79, .12); --prob-bg: rgba(29, 95, 184, .1); --warn-bg: rgba(154, 100, 0, .12); --spec-bg: rgba(122, 53, 196, .1);
    --code-bg: #f1f4fa; --mark: rgba(255, 215, 0, .35);
    --shadow: 0 10px 30px rgba(20, 40, 90, .12);
    color-scheme: light;
  }
}