/* =========================================================
   Jetons. --ink = couleur de TEXTE uniquement.
   Les fonds sombres utilisent --navy (jamais --ink).
   ========================================================= */
:root {
  --navy: #081d36; --navy-2: #0f3a67; --navy-3: #13406f;
  --ink: #0b2a4a; --text: #14233a; --muted: #4f5f75;
  --sapphire: #1b4f8c; --gold: #c89b4c; --gold-hi: #e8c98f; --gold-ink: #7a5312;
  --clay: #9c4a2b; --clay-soft: #f6e4da;
  --bg: #f7f5f0; --surface: #ffffff; --surface-2: #efebe2; --sand: #f4ecdd; --line: #e0d8c6; --line-strong: #b9b09a;
  --ok: #1d6f4d; --ok-soft: #e1f2ea; --warn: #8a5a0f; --warn-soft: #fbefd6; --bad: #9b2c26; --bad-soft: #f9e3e1;
  --focus: #c89b4c;
  --r-sm: 12px; --r: 18px; --r-lg: 26px;
  --shadow-sm: 0 1px 2px rgba(8,29,54,.06);
  --shadow: 0 1px 2px rgba(8,29,54,.05), 0 16px 36px -22px rgba(8,29,54,.35);
  --shadow-lg: 0 30px 70px -30px rgba(8,29,54,.55);
  --head: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ease: cubic-bezier(.2,.7,.2,1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #eef3fa; --text: #e3eaf4; --muted: #a8b9ce; --sapphire: #7ab0e6; --gold-ink: #e8c98f;
    --bg: #07111f; --surface: #0d1b2e; --surface-2: #12243b; --sand: #161f2a; --line: #22364f; --line-strong: #3b5272;
    --ok: #7fdcae; --ok-soft: #10302a; --warn: #f2c57e; --warn-soft: #2f2410; --bad: #f29189; --bad-soft: #351a1b;
    --clay-soft: #2c1a14; --shadow: 0 16px 36px -22px rgba(0,0,0,.8); --shadow-lg: 0 30px 70px -30px rgba(0,0,0,.9); color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ink: #eef3fa; --text: #e3eaf4; --muted: #a8b9ce; --sapphire: #7ab0e6; --gold-ink: #e8c98f;
  --bg: #07111f; --surface: #0d1b2e; --surface-2: #12243b; --sand: #161f2a; --line: #22364f; --line-strong: #3b5272;
  --ok: #7fdcae; --ok-soft: #10302a; --warn: #f2c57e; --warn-soft: #2f2410; --bad: #f29189; --bad-soft: #351a1b;
  --clay-soft: #2c1a14; --shadow: 0 16px 36px -22px rgba(0,0,0,.8); --shadow-lg: 0 30px 70px -30px rgba(0,0,0,.9); color-scheme: dark;
}