/* Benoît Wattinne — tokens générés depuis design-system/tokens.json. Ne pas éditer à la main. */
:root {
  --papier: #f6f1e9;
  --papier-releve: #fdfaf5;
  --papier-creux: #ece4d6;
  --trait: #ded3c3;
  --trait-fort: #8f7e6e;
  --encre: #2b2119;
  --encre-douce: #6b5b4d;
  --rouge-gorge: #b14c18;
  --sur-rouge-gorge: #fffdf9;
  --rouge-gorge-pale: #f3dcc8;
  --sapin: #2f5d4a;
  --sur-sapin: #f6f1e9;
  --sapin-pale: #dbe5da;
  --mousse: #5f7f3a;
  --ecorce: #6b4630;
  --ocre: #a8761c;
  --ardoise: #4a5f70;
  --brique: #a3392b;
  --lien: var(--rouge-gorge);
  --ombre-douce: 0 1px 2px #2b21190d, 0 4px 14px #2b211914;
  --anneau-focus: 0 0 0 2px #f6f1e9, 0 0 0 4px #b14c18;
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-6: 24px;
  --espace-8: 32px;
  --espace-12: 48px;
  --espace-16: 64px;
  --arrondi-s: 6px;
  --arrondi-m: 12px;
  --arrondi-l: 20px;
  --arrondi-plein: 9999px;
  --font-titre: "Bricolage Grotesque", "Figtree", system-ui, "Segoe UI", sans-serif;
  --font-texte: "Figtree", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-code: "JetBrains Mono", ui-monospace, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papier: #1b1714;
    --papier-releve: #25201b;
    --papier-creux: #13100d;
    --trait: #3a322a;
    --trait-fort: #85776a;
    --encre: #f1e9de;
    --encre-douce: #b5a594;
    --rouge-gorge: #e5793d;
    --sur-rouge-gorge: #1b1714;
    --rouge-gorge-pale: #3f2414;
    --sapin: #8fbca3;
    --sur-sapin: #1b1714;
    --sapin-pale: #1d2c25;
    --mousse: #a3c47a;
    --ecorce: #c79c7b;
    --ocre: #d9a648;
    --ardoise: #9fb4c6;
    --brique: #e8806d;
    --lien: var(--rouge-gorge);
    --ombre-douce: 0 1px 2px #00000066, 0 6px 18px #00000059;
    --anneau-focus: 0 0 0 2px #1b1714, 0 0 0 4px #e5793d;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --papier: #1b1714;
  --papier-releve: #25201b;
  --papier-creux: #13100d;
  --trait: #3a322a;
  --trait-fort: #85776a;
  --encre: #f1e9de;
  --encre-douce: #b5a594;
  --rouge-gorge: #e5793d;
  --sur-rouge-gorge: #1b1714;
  --rouge-gorge-pale: #3f2414;
  --sapin: #8fbca3;
  --sur-sapin: #1b1714;
  --sapin-pale: #1d2c25;
  --mousse: #a3c47a;
  --ecorce: #c79c7b;
  --ocre: #d9a648;
  --ardoise: #9fb4c6;
  --brique: #e8806d;
  --lien: var(--rouge-gorge);
  --ombre-douce: 0 1px 2px #00000066, 0 6px 18px #00000059;
  --anneau-focus: 0 0 0 2px #1b1714, 0 0 0 4px #e5793d;
  color-scheme: dark;
}