/* Genere par design/build_tokens.py — v1.1.0.
   Ne pas editer a la main : editer tokens.source.json et relancer. */

@import "tokens-core.css";

/* Clair : defini sur :root nu — jamais uniquement dans un media. */
:root {
  --fond: #f3f1ed;
  --surface: #ffffff;
  --surface-haute: #ffffff;
  --bordure: #d8d4d4;
  --bordure-forte: #64748b;
  --texte: #0d1520;
  --texte-attenue: #556274;
  --texte-inverse: #ffffff;
  --primaire: #38557d;
  --primaire-survol: #293f5f;
  --accent: #38557d;
  --accent-survol: #293f5f;
  --accent-texte: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fond: #0d1520;
    --surface: #1b2a40;
    --surface-haute: #293f5f;
    --bordure: #38557d;
    --bordure-forte: #476a9b;
    --texte: #dbdee3;
    --texte-attenue: #bdc4cd;
    --texte-inverse: #0d1520;
    --primaire: #48b3c8;
    --primaire-survol: #73cce0;
    --accent: #48b3c8;
    --accent-survol: #73cce0;
    --accent-texte: #0d1520;
  }
}

:root[data-theme="dark"] {
  --fond: #0d1520;
  --surface: #1b2a40;
  --surface-haute: #293f5f;
  --bordure: #38557d;
  --bordure-forte: #476a9b;
  --texte: #dbdee3;
  --texte-attenue: #bdc4cd;
  --texte-inverse: #0d1520;
  --primaire: #48b3c8;
  --primaire-survol: #73cce0;
  --accent: #48b3c8;
  --accent-survol: #73cce0;
  --accent-texte: #0d1520;
}

body { background: var(--fond); color: var(--texte);
       font-family: var(--police-sans); 
font-size: var(--fs-base); }