/* Généré par outils/construire-themes.mjs depuis src/themes.js : ne pas modifier à la main. */
/* Thème : <html data-theme="...">. Mode : data-mode="clair" | "sombre", absent = réglage du système. */

/* Pays de laine */
:root[data-theme="laine"],
:root:not([data-theme]) {
  --police:"Lexend", "Nunito", system-ui, sans-serif;
  --serif:"Grandstander", "Fredoka", system-ui, sans-serif;
  --mono:"Fira Mono", ui-monospace, Menlo, monospace;
  --main:"Grandstander", system-ui, sans-serif;
  --w-titre:800;
  --etire:100%;
  --var-titre:normal;
  --r-xs:8px;
  --r-sm:8px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:26px;
  --r-pill:999px;
  --bord:0px solid transparent;
  --filet:2px dashed var(--trait);
  --couture:2px dashed var(--trait-fort);
  --fuzz:url(#fuzz-fort);
  --cousu:inline-block;
  --contour-w:6;
  --torsion:1;
  --trace:none;
  --visage:none;
  --ic-w:2.4;
  --lent:1;
  --rebond:cubic-bezier(.34, 1.8, .45, 1);
  --rebond-doux:cubic-bezier(.3, 1.35, .5, 1);
  --mvt-doux:260ms cubic-bezier(.3, 1.35, .5, 1);
  --mvt-papier:420ms cubic-bezier(.34, 1.8, .45, 1);
  --grain-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.169%200%200%200%200%200.137%200%200%200%200%200.251%200%200%200%200.090%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%232b2340%22%20stroke-opacity%3D%220.200%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%232b2340%22%20fill-opacity%3D%220.140%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%232b2340%22%20fill-opacity%3D%220.140%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%232b2340%22%20fill-opacity%3D%220.140%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%232b2340%22%20fill-opacity%3D%220.140%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%232b2340%22%20fill-opacity%3D%220.140%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Crect%20width%3D%22140%22%20height%3D%22110%22%20fill%3D%22%23d4ecf2%22%2F%3E%3Crect%20x%3D%22140%22%20width%3D%22100%22%20height%3D%22130%22%20fill%3D%22%23fbe3c2%22%2F%3E%3Crect%20y%3D%22110%22%20width%3D%22140%22%20height%3D%22130%22%20fill%3D%22%23e1f0d6%22%2F%3E%3Crect%20x%3D%22140%22%20y%3D%22130%22%20width%3D%22100%22%20height%3D%22110%22%20fill%3D%22%23f8dbe5%22%2F%3E%3Cpath%20d%3D%22M140%200v240M0%20110h140M140%20130h100%22%20stroke%3D%22%239a8fb0%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%226%206%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  --grain-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200.070%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.220%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.154%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.154%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.154%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.154%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.154%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Crect%20width%3D%22140%22%20height%3D%22110%22%20fill%3D%22%232a3a5a%22%2F%3E%3Crect%20x%3D%22140%22%20width%3D%22100%22%20height%3D%22130%22%20fill%3D%22%233a2a48%22%2F%3E%3Crect%20y%3D%22110%22%20width%3D%22140%22%20height%3D%22130%22%20fill%3D%22%2324402e%22%2F%3E%3Crect%20x%3D%22140%22%20y%3D%22130%22%20width%3D%22100%22%20height%3D%22110%22%20fill%3D%22%234a3420%22%2F%3E%3Cpath%20d%3D%22M140%200v240M0%20110h140M140%20130h100%22%20stroke%3D%22%236b6a92%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%226%206%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  --parchemin:#e3eff1;
  --surface:#fffdf6;
  --surface-2:#f6eedb;
  --surface-3:#eadfc4;
  --encre:#2b2340;
  --encre-2:#544a6b;
  --encre-3:#665d7b;
  --trait:#d9cfb8;
  --trait-fort:#8d82a3;
  --accent:#bf3a2b;
  --accent-2:#952b1f;
  --accent-doux:#fadbd5;
  --sur-accent:#ffffff;
  --ok:#2e7a3a;
  --alerte:#7a5400;
  --alerte-fond:#fde7b0;
  --erreur:#ad2538;
  color-scheme:light;
  --scene:#fffdf6;
  --voile:color-mix(in srgb, #2b2340 45%, transparent);
  --laine:#5cae4f;
  --fil:color-mix(in srgb, var(--laine) 60%, #000);
  --laine-fonce:color-mix(in srgb, var(--laine) 62%, #000);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:color-mix(in srgb, var(--laine) 70%, #000);
  --grain:var(--grain-l);
  --peluches:var(--peluches-l);
  --motif:var(--motif-l);
  --ombre-1:0 2px 0 rgb(43 35 64 / .10), 0 10px 18px -10px rgb(43 35 64 / .35);
  --ombre-2:0 2px 0 rgb(43 35 64 / .10), 0 10px 18px -10px rgb(43 35 64 / .35);
  --ombre-3:0 2px 0 rgb(43 35 64 / .10), 0 10px 18px -10px rgb(43 35 64 / .35);
}
@media (prefers-color-scheme: dark) {
:root[data-theme="laine"]:not([data-mode="clair"]),
:root:not([data-theme]):not([data-mode="clair"]) {
  --parchemin:#191a2e;
  --surface:#23243b;
  --surface-2:#2d2e48;
  --surface-3:#383a57;
  --encre:#f6efe2;
  --encre-2:#d4cbe0;
  --encre-3:#b3aac4;
  --trait:#383a57;
  --trait-fort:#79779a;
  --accent:#ff7a66;
  --accent-2:#ff9d8d;
  --accent-doux:#4a2430;
  --sur-accent:#191a2e;
  --ok:#8fd98a;
  --alerte:#ffcd5a;
  --alerte-fond:#3a2f12;
  --erreur:#ff8a93;
  color-scheme:dark;
  --scene:#23243b;
  --voile:color-mix(in srgb, #f6efe2 30%, transparent);
  --laine:#5cae4f;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:color-mix(in srgb, var(--laine) 70%, #000);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:0 2px 0 rgb(0 0 0 / .3), 0 10px 18px -10px rgb(0 0 0 / .6);
  --ombre-2:0 2px 0 rgb(0 0 0 / .3), 0 10px 18px -10px rgb(0 0 0 / .6);
  --ombre-3:0 2px 0 rgb(0 0 0 / .3), 0 10px 18px -10px rgb(0 0 0 / .6);
}
}
:root[data-theme="laine"][data-mode="sombre"],
:root:not([data-theme])[data-mode="sombre"] {
  --parchemin:#191a2e;
  --surface:#23243b;
  --surface-2:#2d2e48;
  --surface-3:#383a57;
  --encre:#f6efe2;
  --encre-2:#d4cbe0;
  --encre-3:#b3aac4;
  --trait:#383a57;
  --trait-fort:#79779a;
  --accent:#ff7a66;
  --accent-2:#ff9d8d;
  --accent-doux:#4a2430;
  --sur-accent:#191a2e;
  --ok:#8fd98a;
  --alerte:#ffcd5a;
  --alerte-fond:#3a2f12;
  --erreur:#ff8a93;
  color-scheme:dark;
  --scene:#23243b;
  --voile:color-mix(in srgb, #f6efe2 30%, transparent);
  --laine:#5cae4f;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:color-mix(in srgb, var(--laine) 70%, #000);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:0 2px 0 rgb(0 0 0 / .3), 0 10px 18px -10px rgb(0 0 0 / .6);
  --ombre-2:0 2px 0 rgb(0 0 0 / .3), 0 10px 18px -10px rgb(0 0 0 / .6);
  --ombre-3:0 2px 0 rgb(0 0 0 / .3), 0 10px 18px -10px rgb(0 0 0 / .6);
}

/* Feu de bois */
:root[data-theme="feu"] {
  --police:"Figtree", system-ui, sans-serif;
  --serif:"Fraunces", Georgia, serif;
  --mono:"Spline Sans Mono", ui-monospace, Menlo, monospace;
  --main:"Fraunces", Georgia, serif;
  --w-titre:600;
  --etire:100%;
  --var-titre:"SOFT" 100, "WONK" 1;
  --r-xs:6px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:20px;
  --r-pill:999px;
  --bord:1px solid var(--trait);
  --filet:1px solid var(--trait);
  --couture:none;
  --fuzz:url(#fuzz);
  --cousu:none;
  --contour-w:2.2;
  --torsion:0;
  --trace:none;
  --visage:none;
  --ic-w:1.6;
  --lent:1.2;
  --rebond:cubic-bezier(.3, 1.25, .5, 1);
  --rebond-doux:cubic-bezier(.45, .05, .25, 1);
  --mvt-doux:312ms cubic-bezier(.45, .05, .25, 1);
  --mvt-papier:504ms cubic-bezier(.3, 1.25, .5, 1);
  --grain-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.227%200%200%200%200%200.141%200%200%200%200%200.094%200%200%200%200.072%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%233a2418%22%20stroke-opacity%3D%220.160%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%233a2418%22%20fill-opacity%3D%220.112%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%233a2418%22%20fill-opacity%3D%220.112%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%233a2418%22%20fill-opacity%3D%220.112%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%233a2418%22%20fill-opacity%3D%220.112%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%233a2418%22%20fill-opacity%3D%220.112%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2218%22%3E%3Cpath%20d%3D%22M1%202l7%2012%207-12%22%20fill%3D%22none%22%20stroke%3D%22%233a2418%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --grain-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200.056%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.176%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.123%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.123%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.123%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.123%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.123%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2218%22%3E%3Cpath%20d%3D%22M1%202l7%2012%207-12%22%20fill%3D%22none%22%20stroke%3D%22%23f4e7d7%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --parchemin:#f6ecdf;
  --surface:#fffaf3;
  --surface-2:#f2e3d0;
  --surface-3:#e8d3b8;
  --encre:#3a2418;
  --encre-2:#6b4a38;
  --encre-3:#855b45;
  --trait:#ead8c2;
  --trait-fort:#9e7b62;
  --accent:#b04f26;
  --accent-2:#8c3c1b;
  --accent-doux:#f7dcc9;
  --sur-accent:#ffffff;
  --ok:#3d6a37;
  --alerte:#855600;
  --alerte-fond:#f8e7c0;
  --erreur:#a8321f;
  color-scheme:light;
  --scene:#fffaf3;
  --voile:color-mix(in srgb, #3a2418 45%, transparent);
  --laine:#d39b2a;
  --fil:color-mix(in srgb, var(--laine) 60%, #000);
  --laine-fonce:color-mix(in srgb, var(--laine) 62%, #000);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-l);
  --peluches:var(--peluches-l);
  --motif:var(--motif-l);
  --ombre-1:0 1px 2px rgb(58 36 24 / .08), 0 8px 20px -10px rgb(58 36 24 / .28);
  --ombre-2:0 1px 2px rgb(58 36 24 / .08), 0 8px 20px -10px rgb(58 36 24 / .28);
  --ombre-3:0 1px 2px rgb(58 36 24 / .08), 0 8px 20px -10px rgb(58 36 24 / .28);
}
@media (prefers-color-scheme: dark) {
:root[data-theme="feu"]:not([data-mode="clair"]) {
  --parchemin:#1c1410;
  --surface:#261c16;
  --surface-2:#30241c;
  --surface-3:#3d2e24;
  --encre:#f4e7d7;
  --encre-2:#d2bca6;
  --encre-3:#b0957f;
  --trait:#3d2e24;
  --trait-fort:#836d5d;
  --accent:#ec8f60;
  --accent-2:#f5ad86;
  --accent-doux:#43281a;
  --sur-accent:#1c1410;
  --ok:#93c98c;
  --alerte:#e8bb5c;
  --alerte-fond:#35280f;
  --erreur:#f28c76;
  color-scheme:dark;
  --scene:#261c16;
  --voile:color-mix(in srgb, #f4e7d7 30%, transparent);
  --laine:#d39b2a;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:0 1px 2px rgb(0 0 0 / .3), 0 8px 20px -10px rgb(0 0 0 / .6);
  --ombre-2:0 1px 2px rgb(0 0 0 / .3), 0 8px 20px -10px rgb(0 0 0 / .6);
  --ombre-3:0 1px 2px rgb(0 0 0 / .3), 0 8px 20px -10px rgb(0 0 0 / .6);
}
}
:root[data-theme="feu"][data-mode="sombre"] {
  --parchemin:#1c1410;
  --surface:#261c16;
  --surface-2:#30241c;
  --surface-3:#3d2e24;
  --encre:#f4e7d7;
  --encre-2:#d2bca6;
  --encre-3:#b0957f;
  --trait:#3d2e24;
  --trait-fort:#836d5d;
  --accent:#ec8f60;
  --accent-2:#f5ad86;
  --accent-doux:#43281a;
  --sur-accent:#1c1410;
  --ok:#93c98c;
  --alerte:#e8bb5c;
  --alerte-fond:#35280f;
  --erreur:#f28c76;
  color-scheme:dark;
  --scene:#261c16;
  --voile:color-mix(in srgb, #f4e7d7 30%, transparent);
  --laine:#d39b2a;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:0 1px 2px rgb(0 0 0 / .3), 0 8px 20px -10px rgb(0 0 0 / .6);
  --ombre-2:0 1px 2px rgb(0 0 0 / .3), 0 8px 20px -10px rgb(0 0 0 / .6);
  --ombre-3:0 1px 2px rgb(0 0 0 / .3), 0 8px 20px -10px rgb(0 0 0 / .6);
}

/* Pelote guimauve */
:root[data-theme="guimauve"] {
  --police:"Nunito", system-ui, sans-serif;
  --serif:"Fredoka", "Nunito", system-ui, sans-serif;
  --mono:"Red Hat Mono", ui-monospace, Menlo, monospace;
  --main:"Fredoka", system-ui, sans-serif;
  --w-titre:600;
  --etire:100%;
  --var-titre:normal;
  --r-xs:10px;
  --r-sm:10px;
  --r-md:16px;
  --r-lg:22px;
  --r-xl:28px;
  --r-pill:999px;
  --bord:2px solid var(--trait);
  --filet:2px solid var(--trait);
  --couture:none;
  --fuzz:url(#fuzz);
  --cousu:none;
  --contour-w:3.2;
  --torsion:0;
  --trace:none;
  --visage:inline;
  --ic-w:1.6;
  --lent:1;
  --rebond:cubic-bezier(.34, 1.7, .5, 1);
  --rebond-doux:cubic-bezier(.34, 1.4, .5, 1);
  --mvt-doux:260ms cubic-bezier(.34, 1.4, .5, 1);
  --mvt-papier:420ms cubic-bezier(.34, 1.7, .5, 1);
  --grain-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.231%200%200%200%200%200.141%200%200%200%200%200.259%200%200%200%200.045%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%233b2442%22%20stroke-opacity%3D%220.100%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%233b2442%22%20fill-opacity%3D%220.070%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%233b2442%22%20fill-opacity%3D%220.070%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%233b2442%22%20fill-opacity%3D%220.070%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%233b2442%22%20fill-opacity%3D%220.070%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%233b2442%22%20fill-opacity%3D%220.070%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%222.4%22%20fill%3D%22%23b3306c%22%20fill-opacity%3D%22.14%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%222.4%22%20fill%3D%22%23b3306c%22%20fill-opacity%3D%22.14%22%2F%3E%3C%2Fsvg%3E");
  --grain-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200.035%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.110%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.077%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.077%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.077%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.077%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.077%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%222.4%22%20fill%3D%22%23ff92c2%22%20fill-opacity%3D%22.14%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%222.4%22%20fill%3D%22%23ff92c2%22%20fill-opacity%3D%22.14%22%2F%3E%3C%2Fsvg%3E");
  --parchemin:#fdf2f6;
  --surface:#ffffff;
  --surface-2:#fce6ef;
  --surface-3:#f6d5e3;
  --encre:#3b2442;
  --encre-2:#684d72;
  --encre-3:#7a6084;
  --trait:#f3dae6;
  --trait-fort:#9e7c95;
  --accent:#b3306c;
  --accent-2:#8f2154;
  --accent-doux:#fde0ec;
  --sur-accent:#ffffff;
  --ok:#2c7650;
  --alerte:#855a00;
  --alerte-fond:#fff0c4;
  --erreur:#b02a48;
  color-scheme:light;
  --scene:#ffffff;
  --voile:color-mix(in srgb, #3b2442 45%, transparent);
  --laine:#b9a6f0;
  --fil:color-mix(in srgb, var(--laine) 60%, #000);
  --laine-fonce:color-mix(in srgb, var(--laine) 62%, #000);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-l);
  --peluches:var(--peluches-l);
  --motif:var(--motif-l);
  --ombre-1:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(179 48 108 / .45);
  --ombre-2:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(179 48 108 / .45);
  --ombre-3:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(179 48 108 / .45);
}
@media (prefers-color-scheme: dark) {
:root[data-theme="guimauve"]:not([data-mode="clair"]) {
  --parchemin:#1d1523;
  --surface:#291f30;
  --surface-2:#33263b;
  --surface-3:#403048;
  --encre:#fbeaf3;
  --encre-2:#dcc2d3;
  --encre-3:#b89fb4;
  --trait:#403048;
  --trait-fort:#846d8b;
  --accent:#ff92c2;
  --accent-2:#ffb3d4;
  --accent-doux:#4b2239;
  --sur-accent:#2a0f1e;
  --ok:#8adcb2;
  --alerte:#ffd46e;
  --alerte-fond:#3a2e10;
  --erreur:#ff8ea2;
  color-scheme:dark;
  --scene:#291f30;
  --voile:color-mix(in srgb, #fbeaf3 30%, transparent);
  --laine:#b9a6f0;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(0 0 0 / .7);
  --ombre-2:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(0 0 0 / .7);
  --ombre-3:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(0 0 0 / .7);
}
}
:root[data-theme="guimauve"][data-mode="sombre"] {
  --parchemin:#1d1523;
  --surface:#291f30;
  --surface-2:#33263b;
  --surface-3:#403048;
  --encre:#fbeaf3;
  --encre-2:#dcc2d3;
  --encre-3:#b89fb4;
  --trait:#403048;
  --trait-fort:#846d8b;
  --accent:#ff92c2;
  --accent-2:#ffb3d4;
  --accent-doux:#4b2239;
  --sur-accent:#2a0f1e;
  --ok:#8adcb2;
  --alerte:#ffd46e;
  --alerte-fond:#3a2e10;
  --erreur:#ff8ea2;
  color-scheme:dark;
  --scene:#291f30;
  --voile:color-mix(in srgb, #fbeaf3 30%, transparent);
  --laine:#b9a6f0;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(0 0 0 / .7);
  --ombre-2:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(0 0 0 / .7);
  --ombre-3:0 3px 0 var(--surface-3), 0 12px 22px -14px rgb(0 0 0 / .7);
}

/* Herbier */
:root[data-theme="herbier"] {
  --police:"Literata", Georgia, serif;
  --serif:"Young Serif", Georgia, serif;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  --main:"Caveat", cursive;
  --w-titre:400;
  --etire:100%;
  --var-titre:normal;
  --r-xs:3px;
  --r-sm:3px;
  --r-md:5px;
  --r-lg:8px;
  --r-xl:12px;
  --r-pill:6px;
  --bord:1px solid var(--trait-fort);
  --filet:1px dashed var(--trait-fort);
  --couture:1px dashed var(--trait-fort);
  --fuzz:url(#fuzz);
  --cousu:none;
  --contour-w:1.8;
  --torsion:0;
  --trace:url(#crayon);
  --visage:none;
  --ic-w:1.6;
  --lent:1.6;
  --rebond:cubic-bezier(.4, 0, .2, 1);
  --rebond-doux:cubic-bezier(.4, 0, .2, 1);
  --mvt-doux:416ms cubic-bezier(.4, 0, .2, 1);
  --mvt-papier:672ms cubic-bezier(.4, 0, .2, 1);
  --grain-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.145%200%200%200%200%200.188%200%200%200%200%200.145%200%200%200%200.054%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23253025%22%20stroke-opacity%3D%220.120%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%23253025%22%20fill-opacity%3D%220.084%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%23253025%22%20fill-opacity%3D%220.084%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%23253025%22%20fill-opacity%3D%220.084%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%23253025%22%20fill-opacity%3D%220.084%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%23253025%22%20fill-opacity%3D%220.084%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%3E%3Cpath%20d%3D%22M0%202h8M0%206h8%22%20stroke%3D%22%23253025%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M2%200v8M6%200v8%22%20stroke%3D%22%23253025%22%20stroke-opacity%3D%220.042%22%20stroke-width%3D%22.6%22%2F%3E%3C%2Fsvg%3E");
  --grain-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200.042%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.132%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.092%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.092%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.092%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.092%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.092%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%3E%3Cpath%20d%3D%22M0%202h8M0%206h8%22%20stroke%3D%22%23ece8d9%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M2%200v8M6%200v8%22%20stroke%3D%22%23ece8d9%22%20stroke-opacity%3D%220.049%22%20stroke-width%3D%22.6%22%2F%3E%3C%2Fsvg%3E");
  --parchemin:#ede9da;
  --surface:#f8f5ec;
  --surface-2:#e5e0cd;
  --surface-3:#d8d1ba;
  --encre:#253025;
  --encre-2:#4b584a;
  --encre-3:#596556;
  --trait:#d6d0bb;
  --trait-fort:#78816e;
  --accent:#4a6645;
  --accent-2:#36502f;
  --accent-doux:#dfe6d2;
  --sur-accent:#ffffff;
  --ok:#3b6943;
  --alerte:#7f5c0e;
  --alerte-fond:#f0e3c0;
  --erreur:#9b392a;
  color-scheme:light;
  --scene:#f8f5ec;
  --voile:color-mix(in srgb, #253025 45%, transparent);
  --laine:#9aae8c;
  --fil:color-mix(in srgb, var(--laine) 60%, #000);
  --laine-fonce:color-mix(in srgb, var(--laine) 62%, #000);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-l);
  --peluches:var(--peluches-l);
  --motif:var(--motif-l);
  --ombre-1:none;
  --ombre-2:none;
  --ombre-3:none;
}
@media (prefers-color-scheme: dark) {
:root[data-theme="herbier"]:not([data-mode="clair"]) {
  --parchemin:#151a15;
  --surface:#1d231d;
  --surface-2:#263026;
  --surface-3:#303b2f;
  --encre:#ece8d9;
  --encre-2:#c5c8b5;
  --encre-3:#a2a794;
  --trait:#303b2f;
  --trait-fort:#707b6a;
  --accent:#abc99f;
  --accent-2:#c6dcbc;
  --accent-doux:#2b3a29;
  --sur-accent:#142014;
  --ok:#a0d1a6;
  --alerte:#e0c171;
  --alerte-fond:#2e2914;
  --erreur:#ea927f;
  color-scheme:dark;
  --scene:#1d231d;
  --voile:color-mix(in srgb, #ece8d9 30%, transparent);
  --laine:#9aae8c;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:none;
  --ombre-2:none;
  --ombre-3:none;
}
}
:root[data-theme="herbier"][data-mode="sombre"] {
  --parchemin:#151a15;
  --surface:#1d231d;
  --surface-2:#263026;
  --surface-3:#303b2f;
  --encre:#ece8d9;
  --encre-2:#c5c8b5;
  --encre-3:#a2a794;
  --trait:#303b2f;
  --trait-fort:#707b6a;
  --accent:#abc99f;
  --accent-2:#c6dcbc;
  --accent-doux:#2b3a29;
  --sur-accent:#142014;
  --ok:#a0d1a6;
  --alerte:#e0c171;
  --alerte-fond:#2e2914;
  --erreur:#ea927f;
  color-scheme:dark;
  --scene:#1d231d;
  --voile:color-mix(in srgb, #ece8d9 30%, transparent);
  --laine:#9aae8c;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:none;
  --ombre-2:none;
  --ombre-3:none;
}

/* Carré granny */
:root[data-theme="granny"] {
  --police:"Atkinson Hyperlegible Next", system-ui, sans-serif;
  --serif:"Bricolage Grotesque", system-ui, sans-serif;
  --mono:"Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace;
  --main:"Bricolage Grotesque", system-ui, sans-serif;
  --w-titre:800;
  --etire:82%;
  --var-titre:normal;
  --r-xs:8px;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:20px;
  --r-pill:999px;
  --bord:2px solid var(--encre);
  --filet:2px solid var(--encre);
  --couture:none;
  --fuzz:none;
  --cousu:none;
  --contour-w:3;
  --torsion:0;
  --trace:none;
  --visage:none;
  --ic-w:2.2;
  --lent:0.7;
  --rebond:cubic-bezier(.2, 1.5, .4, 1);
  --rebond-doux:cubic-bezier(.2, 1.2, .4, 1);
  --mvt-doux:182ms cubic-bezier(.2, 1.2, .4, 1);
  --mvt-papier:294ms cubic-bezier(.2, 1.5, .4, 1);
  --grain-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.165%200%200%200%200%200.094%200%200%200%200%200.063%200%200%200%200.036%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%232a1810%22%20stroke-opacity%3D%220.080%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%232a1810%22%20fill-opacity%3D%220.056%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%232a1810%22%20fill-opacity%3D%220.056%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%232a1810%22%20fill-opacity%3D%220.056%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%232a1810%22%20fill-opacity%3D%220.056%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%232a1810%22%20fill-opacity%3D%220.056%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23f28c28%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%23ffc93c%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%223%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%231f8a8a%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2210%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%23f7a1c4%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2235%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23ffc93c%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2242%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%23f28c28%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23f7a1c4%22%20fill-opacity%3D%220.2%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2242%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%231f8a8a%22%20fill-opacity%3D%220.2%22%2F%3E%3C%2Fsvg%3E");
  --grain-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200%201.000%200%200%200%200.028%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");
  --peluches-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.088%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2022c3-4%206%203%209-1s5%202%207-1%22%2F%3E%3Cpath%20d%3D%22M88%2014c2%203-2%205%201%208s-1%205%202%207%22%2F%3E%3Cpath%20d%3D%22M120%2070c-3%202%201%205-2%207s2%204-1%206%22%2F%3E%3Cpath%20d%3D%22M40%2096c4-1%203%204%207%203s3%203%207%201%22%2F%3E%3Cpath%20d%3D%22M150%20128c-2-3%203-4%201-7s3-3%201-6%22%2F%3E%3Cpath%20d%3D%22M70%20150c3%202%205-2%208%200s4-1%206%201%22%2F%3E%3Cpath%20d%3D%22M20%20160c1-4%205-2%206-6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2240%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.062%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.062%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.062%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2230%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.062%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22170%22%20r%3D%221.7%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.062%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  --motif-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23f28c28%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%23ffc93c%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%223%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%231f8a8a%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2210%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%23f7a1c4%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2235%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23ffc93c%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2242%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%23f28c28%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23f7a1c4%22%20fill-opacity%3D%220.11%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2242%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%231f8a8a%22%20fill-opacity%3D%220.11%22%2F%3E%3C%2Fsvg%3E");
  --parchemin:#fff1da;
  --surface:#ffffff;
  --surface-2:#ffe6bd;
  --surface-3:#ffd690;
  --encre:#2a1810;
  --encre-2:#5a3a2a;
  --encre-3:#6e4d3b;
  --trait:#2a1810;
  --trait-fort:#2a1810;
  --accent:#c4122f;
  --accent-2:#9b0d24;
  --accent-doux:#ffd3d9;
  --sur-accent:#ffffff;
  --ok:#2f7a1f;
  --alerte:#7a5200;
  --alerte-fond:#ffe08a;
  --erreur:#b3121f;
  color-scheme:light;
  --scene:#ffffff;
  --voile:color-mix(in srgb, #2a1810 45%, transparent);
  --laine:#f28c28;
  --fil:color-mix(in srgb, var(--laine) 60%, #000);
  --laine-fonce:color-mix(in srgb, var(--laine) 62%, #000);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-l);
  --peluches:var(--peluches-l);
  --motif:var(--motif-l);
  --ombre-1:3px 3px 0 var(--encre);
  --ombre-2:3px 3px 0 var(--encre);
  --ombre-3:3px 3px 0 var(--encre);
}
@media (prefers-color-scheme: dark) {
:root[data-theme="granny"]:not([data-mode="clair"]) {
  --parchemin:#1b110c;
  --surface:#271913;
  --surface-2:#35231a;
  --surface-3:#443025;
  --encre:#fff0da;
  --encre-2:#e6cdb1;
  --encre-3:#c7aa8d;
  --trait:#fff0da;
  --trait-fort:#fff0da;
  --accent:#ff5d78;
  --accent-2:#ff8a9d;
  --accent-doux:#4a1a22;
  --sur-accent:#1b110c;
  --ok:#86da70;
  --alerte:#ffcb45;
  --alerte-fond:#3d2c0c;
  --erreur:#ff7d7d;
  color-scheme:dark;
  --scene:#271913;
  --voile:color-mix(in srgb, #fff0da 30%, transparent);
  --laine:#f28c28;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:3px 3px 0 #000;
  --ombre-2:3px 3px 0 #000;
  --ombre-3:3px 3px 0 #000;
}
}
:root[data-theme="granny"][data-mode="sombre"] {
  --parchemin:#1b110c;
  --surface:#271913;
  --surface-2:#35231a;
  --surface-3:#443025;
  --encre:#fff0da;
  --encre-2:#e6cdb1;
  --encre-3:#c7aa8d;
  --trait:#fff0da;
  --trait-fort:#fff0da;
  --accent:#ff5d78;
  --accent-2:#ff8a9d;
  --accent-doux:#4a1a22;
  --sur-accent:#1b110c;
  --ok:#86da70;
  --alerte:#ffcb45;
  --alerte-fond:#3d2c0c;
  --erreur:#ff7d7d;
  color-scheme:dark;
  --scene:#271913;
  --voile:color-mix(in srgb, #fff0da 30%, transparent);
  --laine:#f28c28;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:3px 3px 0 #000;
  --ombre-2:3px 3px 0 #000;
  --ombre-3:3px 3px 0 #000;
}

/* Classique */
:root[data-theme="classique"] {
  --police:"Karla", ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --serif:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
  --mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --main:"Familjen Grotesk", Arial, sans-serif;
  --w-titre:600;
  --etire:100%;
  --var-titre:normal;
  --r-xs:2px;
  --r-sm:2px;
  --r-md:2px;
  --r-lg:3px;
  --r-xl:3px;
  --r-pill:3px;
  --bord:1px solid var(--trait);
  --filet:1px solid var(--trait);
  --couture:none;
  --fuzz:none;
  --cousu:none;
  --contour-w:1.4;
  --torsion:0;
  --trace:none;
  --visage:none;
  --ic-w:1.6;
  --lent:1;
  --rebond:cubic-bezier(.2, 0, .2, 1);
  --rebond-doux:cubic-bezier(.32, .72, 0, 1);
  --mvt-doux:220ms cubic-bezier(.32, .72, 0, 1);
  --mvt-papier:380ms cubic-bezier(.22, .7, .16, 1);
  --grain-l:none;
  --peluches-l:none;
  --motif-l:none;
  --grain-d:none;
  --peluches-d:none;
  --motif-d:none;
  --parchemin:#f2f3f1;
  --surface:#ffffff;
  --surface-2:#e9ebe8;
  --surface-3:#dde1dd;
  --encre:#152030;
  --encre-2:#4f5a69;
  --encre-3:#5f6976;
  --trait:#dadfdb;
  --trait-fort:#7b8691;
  --accent:#24427a;
  --accent-2:#19325f;
  --accent-doux:#e2e8f3;
  --sur-accent:#ffffff;
  --ok:#2d6a4c;
  --alerte:#8f6410;
  --alerte-fond:#f6eed8;
  --erreur:#a3302a;
  color-scheme:light;
  --scene:#ffffff;
  --voile:color-mix(in srgb, #152030 45%, transparent);
  --laine:#97a487;
  --fil:color-mix(in srgb, var(--laine) 60%, #000);
  --laine-fonce:color-mix(in srgb, var(--laine) 62%, #000);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-l);
  --peluches:var(--peluches-l);
  --motif:var(--motif-l);
  --ombre-1:none;
  --ombre-2:none;
  --ombre-3:none;
}
@media (prefers-color-scheme: dark) {
:root[data-theme="classique"]:not([data-mode="clair"]) {
  --parchemin:#0f141b;
  --surface:#151c25;
  --surface-2:#1c2531;
  --surface-3:#24303e;
  --encre:#e7ebf0;
  --encre-2:#a2acb9;
  --encre-3:#858e9b;
  --trait:#243040;
  --trait-fort:#627080;
  --accent:#93b2e8;
  --accent-2:#b4caf0;
  --accent-doux:#1b2a42;
  --sur-accent:#0d1522;
  --ok:#6cc095;
  --alerte:#e2b65b;
  --alerte-fond:#2b2414;
  --erreur:#f08277;
  color-scheme:dark;
  --scene:#151c25;
  --voile:color-mix(in srgb, #e7ebf0 30%, transparent);
  --laine:#97a487;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:none;
  --ombre-2:none;
  --ombre-3:none;
}
}
:root[data-theme="classique"][data-mode="sombre"] {
  --parchemin:#0f141b;
  --surface:#151c25;
  --surface-2:#1c2531;
  --surface-3:#24303e;
  --encre:#e7ebf0;
  --encre-2:#a2acb9;
  --encre-3:#858e9b;
  --trait:#243040;
  --trait-fort:#627080;
  --accent:#93b2e8;
  --accent-2:#b4caf0;
  --accent-doux:#1b2a42;
  --sur-accent:#0d1522;
  --ok:#6cc095;
  --alerte:#e2b65b;
  --alerte-fond:#2b2414;
  --erreur:#f08277;
  color-scheme:dark;
  --scene:#151c25;
  --voile:color-mix(in srgb, #e7ebf0 30%, transparent);
  --laine:#97a487;
  --fil:color-mix(in srgb, var(--laine) 60%, #fff);
  --laine-fonce:color-mix(in srgb, var(--laine) 75%, #fff);
  --laine-clair:color-mix(in srgb, var(--laine) 55%, #fff);
  --contour:var(--trait-fort);
  --grain:var(--grain-d);
  --peluches:var(--peluches-d);
  --motif:var(--motif-d);
  --ombre-1:none;
  --ombre-2:none;
  --ombre-3:none;
}

/* Impression : noir sur blanc, sans matière, quel que soit le thème. */
@media print {
  :root:root[data-theme], :root:root:not([data-theme]) {
    color-scheme:light;
    --parchemin:#fff;
    --surface:#fff;
    --surface-2:#f7f3ec;
    --surface-3:#efe9e0;
    --scene:#fff;
    --laine:#f8f5ef !important;
    --fil:#444 !important;
    --encre:#000;
    --encre-2:#444;
    --encre-3:#555;
    --trait:#ddd;
    --trait-fort:#999;
    --accent:#000;
    --accent-2:#000;
    --ok:#000;
    --accent-doux:#eee;
    --sur-accent:#fff;
    --grain:none;
    --peluches:none;
    --motif:none;
    --ombre-1:none;
    --ombre-2:none;
    --ombre-3:none;
    --couture:none;
    --fuzz:none;
    --filet:1px solid #ddd;
    --bord:1px solid #ddd;
    --contour:#999;
    --contour-w:1.4;
    --torsion:0;
  }
  }