/* Four complete looks. Every component reads only these tokens, so a skin switch is a one-attribute change. */
:root,[data-skin="noir"]{
  --bg:#0f1115; --surface:#171a21; --surface-2:#1e222b; --ink:#ece9e4; --mut:#9a9fab; --mut2:#6c7280; --line:#2a2f3a;
  --acc:#d23a4a; --acc-ink:#ffffff; --acc-soft:#3a1a20; --acc2:#e8b04a;
  --ok:#4fbf7f; --ok-soft:#14301f; --warn:#e8a33d; --warn-soft:#3a2a12; --bad:#ff6b6b; --bad-soft:#3a1717;
  --code-bg:#0a0c10; --code-ink:#dfe3ea;
  --display:"Oswald","Arial Narrow",Impact,sans-serif; --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --display-case:uppercase; --display-track:.03em; --display-weight:600;
  --r:8px; --r-sm:6px; --border-w:1px; --shadow:0 10px 30px rgba(0,0,0,.35); --shadow-sm:0 2px 8px rgba(0,0,0,.3);
  --gap:14px; --pad:20px; color-scheme:dark;
}
[data-skin="pulp"]{
  --bg:#f3e9cf; --surface:#fffaeb; --surface-2:#f7edd2; --ink:#151310; --mut:#5c5446; --mut2:#8a806d; --line:#151310;
  --acc:#d7261e; --acc-ink:#fffaeb; --acc-soft:#f8d5c9; --acc2:#f2b705;
  --ok:#1f7a3d; --ok-soft:#d6ecd0; --warn:#9a5b00; --warn-soft:#f9e2a8; --bad:#b3141b; --bad-soft:#f7cfc8;
  --code-bg:#151310; --code-ink:#f3e9cf;
  --display:"Anton","Impact","Arial Black",sans-serif; --body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --display-case:uppercase; --display-track:.02em; --display-weight:400;
  --r:2px; --r-sm:2px; --border-w:2px; --shadow:5px 5px 0 #151310; --shadow-sm:3px 3px 0 #151310;
  --gap:14px; --pad:20px; color-scheme:light;
}
[data-skin="midnight"]{
  --bg:#0a0f1e; --surface:#121a2e; --surface-2:#18223b; --ink:#e8ebf7; --mut:#9aa3c2; --mut2:#6a7396; --line:#222d4a;
  --acc:#8b7cff; --acc-ink:#0b0920; --acc-soft:#251f4d; --acc2:#5ed6c9;
  --ok:#5ed6a0; --ok-soft:#123326; --warn:#f2c46b; --warn-soft:#3a2f12; --bad:#ff7a8a; --bad-soft:#3a1720;
  --code-bg:#070b16; --code-ink:#e0e5f5;
  --display:"Sora",system-ui,sans-serif; --body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --display-case:none; --display-track:-.01em; --display-weight:600;
  --r:16px; --r-sm:10px; --border-w:1px; --shadow:0 18px 50px rgba(0,0,0,.45); --shadow-sm:0 4px 14px rgba(0,0,0,.35);
  --gap:18px; --pad:26px; color-scheme:dark;
}
[data-skin="ledger"]{
  --bg:#eef2f3; --surface:#ffffff; --surface-2:#f5f8f8; --ink:#11201f; --mut:#566866; --mut2:#8a9a98; --line:#d6e0df;
  --acc:#0f8b7d; --acc-ink:#ffffff; --acc-soft:#d7f0ec; --acc2:#e0692e;
  --ok:#16865a; --ok-soft:#daf2e6; --warn:#a4620c; --warn-soft:#fbecd2; --bad:#c23b3b; --bad-soft:#fbe0e0;
  --code-bg:#10201f; --code-ink:#e6f1ef;
  --display:"Bricolage Grotesque",system-ui,sans-serif; --body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --display-case:none; --display-track:-.01em; --display-weight:700;
  --r:6px; --r-sm:4px; --border-w:1px; --shadow:0 6px 20px rgba(17,32,31,.08); --shadow-sm:0 1px 3px rgba(17,32,31,.08);
  --gap:12px; --pad:16px; color-scheme:light;
}