/* GENERIERT von build-themes.mjs (202609272251) — nicht von Hand ändern. Quelle: candidates-*.json */
html[data-theme="papier-tinte"] {
  --t-font-display: "Newsreader", system-ui, sans-serif;
  --t-font-body: "IBM Plex Sans", system-ui, sans-serif;
  --t-font-ui: "IBM Plex Sans", system-ui, sans-serif;
  --t-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --t-font-heading-sm: "IBM Plex Sans", system-ui, sans-serif;
  --t-display-weight: 500;
  --t-display-tracking: -0.02em;
  --t-display-case: none;
  --t-radius-card: 24px;
  --t-radius-control: 16px;
  --t-border: 1px;
  --t-bg: #faf6ec;
  --t-surface: #ffffff;
  --t-surface2: #f3ebda;
  --t-text: #1b1710;
  --t-text2: #4a4233;
  --t-muted: #6b604a;
  --t-line: #e3d8c2;
  --t-accent: #9c3c1d;
  --t-on-accent: #ffffff;
  --t-accent2: #b84a28;
  --t-accent-text: #9c3c1d;
  --t-accent-hover: #87361b;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="papier-tinte"][data-mode="dark"] {
  --t-bg: #111012;
  --t-surface: #1b1a1d;
  --t-surface2: #242226;
  --t-text: #eceae3;
  --t-text2: #cfcac0;
  --t-muted: #a29d91;
  --t-line: #34312f;
  --t-accent: #f08a64;
  --t-on-accent: #17130d;
  --t-accent2: #eac15a;
  --t-accent-text: #f08a64;
  --t-accent-hover: #ef9978;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="studio-gold"] {
  --t-font-display: "Space Grotesk", system-ui, sans-serif;
  --t-font-body: "Inter", system-ui, sans-serif;
  --t-font-ui: "Inter", system-ui, sans-serif;
  --t-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Space Grotesk", system-ui, sans-serif;
  --t-display-weight: 600;
  --t-display-tracking: -0.03em;
  --t-display-case: none;
  --t-radius-card: 12px;
  --t-radius-control: 12px;
  --t-border: 1px;
  --t-bg: #faf6ec;
  --t-surface: #f3ebda;
  --t-surface2: #e9dfca;
  --t-text: #1b1710;
  --t-text2: #4a4233;
  --t-muted: #6b604a;
  --t-line: #d6c9b0;
  --t-accent: #1b1710;
  --t-on-accent: #faf6ec;
  --t-accent2: #8f6a12;
  --t-accent-text: #1b1710;
  --t-accent-hover: #1b1710;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="studio-gold"][data-mode="dark"] {
  --t-bg: #090909;
  --t-surface: #15150f;
  --t-surface2: #23221a;
  --t-text: #ece4b4;
  --t-text2: #d4ceb0;
  --t-muted: #a29d85;
  --t-line: #3a3829;
  --t-accent: #ece4b4;
  --t-on-accent: #090909;
  --t-accent2: #eac15a;
  --t-accent-text: #ece4b4;
  --t-accent-hover: #ece4b4;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="praezision"] {
  --t-font-display: "Newsreader", system-ui, sans-serif;
  --t-font-body: "Inter", system-ui, sans-serif;
  --t-font-ui: "Inter", system-ui, sans-serif;
  --t-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Inter", system-ui, sans-serif;
  --t-display-weight: 500;
  --t-display-tracking: -0.02em;
  --t-display-case: none;
  --t-radius-card: 8px;
  --t-radius-control: 10px;
  --t-border: 1px;
  --t-bg: #fcfaf5;
  --t-surface: #ffffff;
  --t-surface2: #f4efe4;
  --t-text: #1c1d1f;
  --t-text2: #3f4146;
  --t-muted: #63666d;
  --t-line: #e2ddd2;
  --t-accent: #1c1d1f;
  --t-on-accent: #ffffff;
  --t-accent2: #16788a;
  --t-accent-text: #1c1d1f;
  --t-accent-hover: #1c1d1f;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="praezision"][data-mode="dark"] {
  --t-bg: #101113;
  --t-surface: #17181b;
  --t-surface2: #1f2024;
  --t-text: #eceae3;
  --t-text2: #c9c7c1;
  --t-muted: #9a9892;
  --t-line: #2c2d31;
  --t-accent: #eceae3;
  --t-on-accent: #101113;
  --t-accent2: #3ad8e8;
  --t-accent-text: #eceae3;
  --t-accent-hover: #eceae3;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="plakat"] {
  --t-font-display: "Instrument Serif", system-ui, sans-serif;
  --t-font-body: "IBM Plex Sans", system-ui, sans-serif;
  --t-font-ui: "IBM Plex Sans", system-ui, sans-serif;
  --t-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --t-font-heading-sm: "IBM Plex Sans", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: -0.03em;
  --t-display-case: none;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 1px;
  --t-bg: #f4ecdc;
  --t-surface: #faf5ea;
  --t-surface2: #ebe0cb;
  --t-text: #3a2a1e;
  --t-text2: #4f3d2f;
  --t-muted: #6d5a48;
  --t-line: #d9cab0;
  --t-accent: #3a2a1e;
  --t-on-accent: #f4ecdc;
  --t-accent2: #9c3c1d;
  --t-accent-text: #3a2a1e;
  --t-accent-hover: #3a2a1e;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="plakat"][data-mode="dark"] {
  --t-bg: #0d0b0a;
  --t-surface: #171412;
  --t-surface2: #211d19;
  --t-text: #eceae3;
  --t-text2: #d2cbbf;
  --t-muted: #a39a8c;
  --t-line: #352f29;
  --t-accent: #eceae3;
  --t-on-accent: #0d0b0a;
  --t-accent2: #f08a64;
  --t-accent-text: #eceae3;
  --t-accent-hover: #eceae3;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="waldlabor"] {
  --t-font-display: "Young Serif", system-ui, sans-serif;
  --t-font-body: "Instrument Sans", system-ui, sans-serif;
  --t-font-ui: "Instrument Sans", system-ui, sans-serif;
  --t-font-mono: "DM Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Instrument Sans", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: -0.03em;
  --t-display-case: none;
  --t-radius-card: 16px;
  --t-radius-control: 16px;
  --t-border: 0px;
  --t-bg: #eef2e3;
  --t-surface: #f8faf2;
  --t-surface2: #e0e8cf;
  --t-text: #062b20;
  --t-text2: #1f4a3b;
  --t-muted: #476656;
  --t-line: #c3d0b3;
  --t-accent: #043f2e;
  --t-on-accent: #c8f169;
  --t-accent2: #c8f169;
  --t-accent-text: #043f2e;
  --t-accent-hover: #043c2c;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="waldlabor"][data-mode="dark"] {
  --t-bg: #043f2e;
  --t-surface: #0a4d39;
  --t-surface2: #115a44;
  --t-text: #fcfcfc;
  --t-text2: #dbe6d6;
  --t-muted: #b3cbbd;
  --t-line: #2a6b55;
  --t-accent: #c8f169;
  --t-on-accent: #043f2e;
  --t-accent2: #eef2e3;
  --t-accent-text: #c8f169;
  --t-accent-hover: #d0f381;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="schaltplan"] {
  --t-font-display: "Gloock", system-ui, sans-serif;
  --t-font-body: "Archivo", system-ui, sans-serif;
  --t-font-ui: "Archivo", system-ui, sans-serif;
  --t-font-mono: "Space Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Archivo", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: -0.055em;
  --t-display-case: none;
  --t-radius-card: 8px;
  --t-radius-control: 0px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #f5f5f4;
  --t-surface2: #ebebe9;
  --t-text: #000000;
  --t-text2: #3d3d3d;
  --t-muted: #5e5e5e;
  --t-line: #d2d2d2;
  --t-accent: #ff5c02;
  --t-on-accent: #000000;
  --t-accent2: #01ea40;
  --t-accent-text: #c24602;
  --t-accent-hover: #d64d02;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="schaltplan"][data-mode="dark"] {
  --t-bg: #000000;
  --t-surface: #111110;
  --t-surface2: #1c1c1b;
  --t-text: #ffffff;
  --t-text2: #d2d2d2;
  --t-muted: #9a9a97;
  --t-line: #3d3d3d;
  --t-accent: #ff5c02;
  --t-on-accent: #000000;
  --t-accent2: #01ea40;
  --t-accent-text: #ff5c02;
  --t-accent-hover: #ff762a;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="ochsenblut"] {
  --t-font-display: "Bebas Neue", system-ui, sans-serif;
  --t-font-body: "Barlow", system-ui, sans-serif;
  --t-font-ui: "Barlow", system-ui, sans-serif;
  --t-font-mono: "Roboto Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Bebas Neue", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: 0.02em;
  --t-display-case: uppercase;
  --t-radius-card: 38px;
  --t-radius-control: 15px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #fff0ef;
  --t-surface2: #ffe0df;
  --t-text: #260212;
  --t-text2: #4f0423;
  --t-muted: #7a4459;
  --t-line: #f0c2c4;
  --t-accent: #e10600;
  --t-on-accent: #ffffff;
  --t-accent2: #4f0423;
  --t-accent-text: #dd0600;
  --t-accent-hover: #c30503;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="ochsenblut"][data-mode="dark"] {
  --t-bg: #4f0423;
  --t-surface: #260212;
  --t-surface2: #3a031a;
  --t-text: #ffffff;
  --t-text2: #ffc7c6;
  --t-muted: #dca9b6;
  --t-line: #8f6174;
  --t-accent: #ffc7c6;
  --t-on-accent: #000000;
  --t-accent2: #ff2a1f;
  --t-accent-text: #ffc7c6;
  --t-accent-hover: #ffd0cf;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="kobalt"] {
  --t-font-display: "Geist", system-ui, sans-serif;
  --t-font-body: "Geist", system-ui, sans-serif;
  --t-font-ui: "Geist", system-ui, sans-serif;
  --t-font-mono: "Geist Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Geist", system-ui, sans-serif;
  --t-display-weight: 500;
  --t-display-tracking: -0.03em;
  --t-display-case: none;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 0px;
  --t-bg: #e6e6e6;
  --t-surface: #ffffff;
  --t-surface2: #d9d9d9;
  --t-text: #050516;
  --t-text2: #26263a;
  --t-muted: #52526a;
  --t-line: #bdbdc4;
  --t-accent: #0004eb;
  --t-on-accent: #ffffff;
  --t-accent2: #050516;
  --t-accent-text: #0004eb;
  --t-accent-hover: #0104c9;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="kobalt"][data-mode="dark"] {
  --t-bg: #050516;
  --t-surface: #0d0d24;
  --t-surface2: #16163a;
  --t-text: #ffffff;
  --t-text2: #d6d6e6;
  --t-muted: #9a9ab4;
  --t-line: #2a2a50;
  --t-accent: #3a46ff;
  --t-on-accent: #ffffff;
  --t-accent2: #e6e6e6;
  --t-accent-text: #616bff;
  --t-accent-hover: #5a64ff;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="pixelpost"] {
  --t-font-display: "Silkscreen", system-ui, sans-serif;
  --t-font-body: "Hanken Grotesk", system-ui, sans-serif;
  --t-font-ui: "Hanken Grotesk", system-ui, sans-serif;
  --t-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Silkscreen", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: 0em;
  --t-display-case: uppercase;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 1px;
  --t-bg: #fffcf0;
  --t-surface: #ffffff;
  --t-surface2: #f1eee2;
  --t-text: #000000;
  --t-text2: #2b2b2b;
  --t-muted: #5c5c5c;
  --t-line: #000000;
  --t-accent: #000000;
  --t-on-accent: #fffcf0;
  --t-accent2: #007aff;
  --t-accent-text: #000000;
  --t-accent-hover: #000000;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="pixelpost"][data-mode="dark"] {
  --t-bg: #101010;
  --t-surface: #080808;
  --t-surface2: #1c1c1c;
  --t-text: #f3f3f3;
  --t-text2: #c1c1c1;
  --t-muted: #949494;
  --t-line: #3a3a3a;
  --t-accent: #f3f3f3;
  --t-on-accent: #101010;
  --t-accent2: #00ac5c;
  --t-accent-text: #f3f3f3;
  --t-accent-hover: #f3f3f3;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="farbblock"] {
  --t-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --t-font-body: "Figtree", system-ui, sans-serif;
  --t-font-ui: "Figtree", system-ui, sans-serif;
  --t-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Bricolage Grotesque", system-ui, sans-serif;
  --t-display-weight: 800;
  --t-display-tracking: -0.03em;
  --t-display-case: none;
  --t-radius-card: 32px;
  --t-radius-control: 999px;
  --t-border: 0px;
  --t-bg: #ffffff;
  --t-surface: #f3f3f1;
  --t-surface2: #d2e823;
  --t-text: #1e2330;
  --t-text2: #3a4050;
  --t-muted: #5c6054;
  --t-line: #dcdcd6;
  --t-accent: #254f1a;
  --t-on-accent: #d2e823;
  --t-accent2: #e9c0e9;
  --t-accent-text: #254f1a;
  --t-accent-hover: #24481e;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="farbblock"][data-mode="dark"] {
  --t-bg: #1e2330;
  --t-surface: #282e3d;
  --t-surface2: #254f1a;
  --t-text: #ffffff;
  --t-text2: #e3e5ea;
  --t-muted: #aeb3bf;
  --t-line: #3a4152;
  --t-accent: #d2e823;
  --t-on-accent: #1e2330;
  --t-accent2: #e9c0e9;
  --t-accent-text: #d2e823;
  --t-accent-hover: #d9ec46;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="birke"] {
  --t-font-display: "Noto Sans", system-ui, sans-serif;
  --t-font-body: "Noto Sans", system-ui, sans-serif;
  --t-font-ui: "Noto Sans", system-ui, sans-serif;
  --t-font-mono: "Noto Sans Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Noto Sans", system-ui, sans-serif;
  --t-display-weight: 700;
  --t-display-tracking: -0.029em;
  --t-display-case: none;
  --t-radius-card: 8px;
  --t-radius-control: 8px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #f5f5f5;
  --t-surface2: #ffdb00;
  --t-text: #111111;
  --t-text2: #333333;
  --t-muted: #666666;
  --t-line: #dfdfdf;
  --t-accent: #0058a3;
  --t-on-accent: #ffffff;
  --t-accent2: #ffdb00;
  --t-accent-text: #0058a3;
  --t-accent-hover: #034d8c;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="birke"][data-mode="dark"] {
  --t-bg: #111316;
  --t-surface: #1c1f24;
  --t-surface2: #003a6e;
  --t-text: #ffffff;
  --t-text2: #e6e6e6;
  --t-muted: #a8a8a8;
  --t-line: #2f343b;
  --t-accent: #ffdb00;
  --t-on-accent: #111111;
  --t-accent2: #5aa7ea;
  --t-accent-text: #ffdb00;
  --t-accent-hover: #ffe129;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="elektrisch"] {
  --t-font-display: "Geist", system-ui, sans-serif;
  --t-font-body: "Geist", system-ui, sans-serif;
  --t-font-ui: "Geist", system-ui, sans-serif;
  --t-font-mono: "Martian Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Geist", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: -0.03em;
  --t-display-case: none;
  --t-radius-card: 24px;
  --t-radius-control: 999px;
  --t-border: 0px;
  --t-bg: #ffffff;
  --t-surface: #f0f6ff;
  --t-surface2: #e1edff;
  --t-text: #111118;
  --t-text2: #2e2e3a;
  --t-muted: #585866;
  --t-line: #d6e2f5;
  --t-accent: #2727e6;
  --t-on-accent: #ffffff;
  --t-accent2: #ffda00;
  --t-accent-text: #2727e6;
  --t-accent-hover: #2323c5;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="elektrisch"][data-mode="dark"] {
  --t-bg: #1616a8;
  --t-surface: #2020bd;
  --t-surface2: #0e0e7a;
  --t-text: #ffffff;
  --t-text2: #e8e8ff;
  --t-muted: #c4c8ff;
  --t-line: #3a3ad0;
  --t-accent: #ffbac4;
  --t-on-accent: #111118;
  --t-accent2: #ffda00;
  --t-accent-text: #ffbac4;
  --t-accent-hover: #ffc5cd;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="titelseite"] {
  --t-font-display: "Bodoni Moda", system-ui, sans-serif;
  --t-font-body: "Albert Sans", system-ui, sans-serif;
  --t-font-ui: "Albert Sans", system-ui, sans-serif;
  --t-font-mono: "Geist Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Albert Sans", system-ui, sans-serif;
  --t-display-weight: 500;
  --t-display-tracking: -0.018em;
  --t-display-case: none;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #f4f4f4;
  --t-surface2: #ff1f0f;
  --t-text: #000000;
  --t-text2: #222222;
  --t-muted: #5e5e5e;
  --t-line: #000000;
  --t-accent: #000000;
  --t-on-accent: #ffffff;
  --t-accent2: #e8170b;
  --t-accent-text: #000000;
  --t-accent-hover: #000000;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="titelseite"][data-mode="dark"] {
  --t-bg: #000000;
  --t-surface: #111111;
  --t-surface2: #e8170b;
  --t-text: #ffffff;
  --t-text2: #e0e0e0;
  --t-muted: #9a9a9a;
  --t-line: #ffffff;
  --t-accent: #ffffff;
  --t-on-accent: #000000;
  --t-accent2: #ff3322;
  --t-accent-text: #ffffff;
  --t-accent-hover: #ffffff;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="himbeere"] {
  --t-font-display: "Sansita", system-ui, sans-serif;
  --t-font-body: "Nunito Sans", system-ui, sans-serif;
  --t-font-ui: "Nunito Sans", system-ui, sans-serif;
  --t-font-mono: "DM Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Nunito Sans", system-ui, sans-serif;
  --t-display-weight: 700;
  --t-display-tracking: -0.02em;
  --t-display-case: none;
  --t-radius-card: 40px;
  --t-radius-control: 999px;
  --t-border: 0px;
  --t-bg: #fce1e3;
  --t-surface: #fff3f4;
  --t-surface2: #f7c9cd;
  --t-text: #0e1736;
  --t-text2: #2a3354;
  --t-muted: #5b4a5c;
  --t-line: #efbcc1;
  --t-accent: #c42f3e;
  --t-on-accent: #ffffff;
  --t-accent2: #0e1736;
  --t-accent-text: #c02f3e;
  --t-accent-hover: #a72b3d;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="himbeere"][data-mode="dark"] {
  --t-bg: #0e1736;
  --t-surface: #182248;
  --t-surface2: #23305e;
  --t-text: #fce1e3;
  --t-text2: #f0cfd3;
  --t-muted: #b9a9c0;
  --t-line: #2c3a6b;
  --t-accent: #ff7a86;
  --t-on-accent: #0e1736;
  --t-accent2: #fce1e3;
  --t-accent-text: #ff7a86;
  --t-accent-hover: #ff8a95;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="phosphor"] {
  --t-font-display: "Host Grotesk", system-ui, sans-serif;
  --t-font-body: "Host Grotesk", system-ui, sans-serif;
  --t-font-ui: "Host Grotesk", system-ui, sans-serif;
  --t-font-mono: "Fragment Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Host Grotesk", system-ui, sans-serif;
  --t-display-weight: 700;
  --t-display-tracking: -0.011em;
  --t-display-case: none;
  --t-radius-card: 8px;
  --t-radius-control: 8px;
  --t-border: 1px;
  --t-bg: #f3f3f1;
  --t-surface: #ffffff;
  --t-surface2: #e8e8e5;
  --t-text: #101010;
  --t-text2: #2e2e2e;
  --t-muted: #5e5e5c;
  --t-line: #c9c9c5;
  --t-accent: #7a4f12;
  --t-on-accent: #fbf3e6;
  --t-accent2: #00733d;
  --t-accent-text: #7a4f12;
  --t-accent-hover: #694512;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="phosphor"][data-mode="dark"] {
  --t-bg: #101010;
  --t-surface: #161616;
  --t-surface2: #1f1f1f;
  --t-text: #f3f3f3;
  --t-text2: #c1c1c1;
  --t-muted: #949494;
  --t-line: #333333;
  --t-accent: #e7c59a;
  --t-on-accent: #101010;
  --t-accent2: #00ac5c;
  --t-accent-text: #e7c59a;
  --t-accent-hover: #e9cca8;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="hanko"] {
  --t-font-display: "Zen Kaku Gothic New", system-ui, sans-serif;
  --t-font-body: "Zen Kaku Gothic New", system-ui, sans-serif;
  --t-font-ui: "Zen Kaku Gothic New", system-ui, sans-serif;
  --t-font-mono: "Azeret Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Zen Kaku Gothic New", system-ui, sans-serif;
  --t-display-weight: 700;
  --t-display-tracking: 0.08em;
  --t-display-case: uppercase;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 0px;
  --t-bg: #ffffff;
  --t-surface: #fafaf8;
  --t-surface2: #f1f1ee;
  --t-text: #2d2d2d;
  --t-text2: #444444;
  --t-muted: #6b6c6b;
  --t-line: #e2e2de;
  --t-accent: #c8341a;
  --t-on-accent: #ffffff;
  --t-accent2: #000000;
  --t-accent-text: #c8341a;
  --t-accent-hover: #af331d;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="hanko"][data-mode="dark"] {
  --t-bg: #141413;
  --t-surface: #1b1b1a;
  --t-surface2: #242423;
  --t-text: #f2f1ee;
  --t-text2: #cfcdc8;
  --t-muted: #9a9893;
  --t-line: #333330;
  --t-accent: #f0583c;
  --t-on-accent: #141413;
  --t-accent2: #ffffff;
  --t-accent-text: #f0583c;
  --t-accent-hover: #f07058;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="massstab"] {
  --t-font-display: "Montserrat", system-ui, sans-serif;
  --t-font-body: "Montserrat", system-ui, sans-serif;
  --t-font-ui: "Montserrat", system-ui, sans-serif;
  --t-font-mono: "Red Hat Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Montserrat", system-ui, sans-serif;
  --t-display-weight: 300;
  --t-display-tracking: -0.02em;
  --t-display-case: none;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #f6f6f6;
  --t-surface2: #ececec;
  --t-text: #000000;
  --t-text2: #1f1f1f;
  --t-muted: #696969;
  --t-line: #000000;
  --t-accent: #000000;
  --t-on-accent: #ffffff;
  --t-accent2: #8c8c8c;
  --t-accent-text: #000000;
  --t-accent-hover: #000000;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="massstab"][data-mode="dark"] {
  --t-bg: #000000;
  --t-surface: #0c0c0c;
  --t-surface2: #181818;
  --t-text: #ffffff;
  --t-text2: #e0e0e0;
  --t-muted: #9a9a9a;
  --t-line: #ffffff;
  --t-accent: #ffffff;
  --t-on-accent: #000000;
  --t-accent2: #8c8c8c;
  --t-accent-text: #ffffff;
  --t-accent-hover: #ffffff;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="aufkleber"] {
  --t-font-display: "Grandstander", system-ui, sans-serif;
  --t-font-body: "Grandstander", system-ui, sans-serif;
  --t-font-ui: "Grandstander", system-ui, sans-serif;
  --t-font-mono: "Sometype Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Grandstander", system-ui, sans-serif;
  --t-display-weight: 900;
  --t-display-tracking: 0.01em;
  --t-display-case: none;
  --t-radius-card: 15px;
  --t-radius-control: 5px;
  --t-border: 2px;
  --t-bg: #ffe9ce;
  --t-surface: #ffffff;
  --t-surface2: #ffd80c;
  --t-text: #000000;
  --t-text2: #2a2016;
  --t-muted: #6a5540;
  --t-line: #000000;
  --t-accent: #c42a17;
  --t-on-accent: #ffffff;
  --t-accent2: #3ccb09;
  --t-accent-text: #c42a17;
  --t-accent-hover: #a52313;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="aufkleber"][data-mode="dark"] {
  --t-bg: #1b1712;
  --t-surface: #262019;
  --t-surface2: #332a20;
  --t-text: #ffe9ce;
  --t-text2: #f2d9ba;
  --t-muted: #bfa88c;
  --t-line: #4a3e30;
  --t-accent: #ffd80c;
  --t-on-accent: #000000;
  --t-accent2: #fd4b38;
  --t-accent-text: #ffd80c;
  --t-accent-hover: #ffdb2b;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="nachtglut"] {
  --t-font-display: "Familjen Grotesk", system-ui, sans-serif;
  --t-font-body: "Familjen Grotesk", system-ui, sans-serif;
  --t-font-ui: "Familjen Grotesk", system-ui, sans-serif;
  --t-font-mono: "Spline Sans Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Familjen Grotesk", system-ui, sans-serif;
  --t-display-weight: 500;
  --t-display-tracking: -0.026em;
  --t-display-case: none;
  --t-radius-card: 12px;
  --t-radius-control: 6px;
  --t-border: 0px;
  --t-bg: #fbf8f5;
  --t-surface: #ffffff;
  --t-surface2: #f2ece6;
  --t-text: #101012;
  --t-text2: #2b2a2e;
  --t-muted: #626166;
  --t-line: #e3ddd6;
  --t-accent: #c4106a;
  --t-on-accent: #ffffff;
  --t-accent2: #f5d907;
  --t-accent-text: #c4106a;
  --t-accent-hover: #a7105c;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="nachtglut"][data-mode="dark"] {
  --t-bg: #101012;
  --t-surface: #17171a;
  --t-surface2: #202024;
  --t-text: #f7f4ef;
  --t-text2: #d6d3ce;
  --t-muted: #a3a3a3;
  --t-line: #2a2a2f;
  --t-accent: #fd429c;
  --t-on-accent: #101012;
  --t-accent2: #f5d907;
  --t-accent-text: #fd429c;
  --t-accent-hover: #fc5ea9;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="petrol-chalet"] {
  --t-font-display: "Spectral", system-ui, sans-serif;
  --t-font-body: "Mulish", system-ui, sans-serif;
  --t-font-ui: "Mulish", system-ui, sans-serif;
  --t-font-mono: "Spline Sans Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Spectral", system-ui, sans-serif;
  --t-display-weight: 700;
  --t-display-tracking: -0.01em;
  --t-display-case: none;
  --t-radius-card: 12px;
  --t-radius-control: 999px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #f4f2ee;
  --t-surface2: #ebe7e1;
  --t-text: #193741;
  --t-text2: #2b4d58;
  --t-muted: #56696f;
  --t-line: #c9d0d2;
  --t-accent: #193741;
  --t-on-accent: #ffffff;
  --t-accent2: #eac486;
  --t-accent-text: #193741;
  --t-accent-hover: #193741;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="petrol-chalet"][data-mode="dark"] {
  --t-bg: #0f252c;
  --t-surface: #193741;
  --t-surface2: #21444f;
  --t-text: #f6f3ee;
  --t-text2: #d8dedd;
  --t-muted: #a3b4b8;
  --t-line: #335a66;
  --t-accent: #ebe7e1;
  --t-on-accent: #193741;
  --t-accent2: #eac486;
  --t-accent-text: #ebe7e1;
  --t-accent-hover: #ede9e3;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="werkstatt"] {
  --t-font-display: "Sofia Sans Extra Condensed", system-ui, sans-serif;
  --t-font-body: "Sofia Sans", system-ui, sans-serif;
  --t-font-ui: "Sofia Sans", system-ui, sans-serif;
  --t-font-mono: "Azeret Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Sofia Sans Extra Condensed", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: 0.02em;
  --t-display-case: uppercase;
  --t-radius-card: 0px;
  --t-radius-control: 0px;
  --t-border: 1px;
  --t-bg: #ffffff;
  --t-surface: #ffffff;
  --t-surface2: #f2f2f0;
  --t-text: #292929;
  --t-text2: #292929;
  --t-muted: #5e5e5e;
  --t-line: #292929;
  --t-accent: #000000;
  --t-on-accent: #ffffff;
  --t-accent2: #1f5e4a;
  --t-accent-text: #000000;
  --t-accent-hover: #070707;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="werkstatt"][data-mode="dark"] {
  --t-bg: #111111;
  --t-surface: #161616;
  --t-surface2: #1f1f1f;
  --t-text: #f2f2f0;
  --t-text2: #e0e0dc;
  --t-muted: #a3a3a0;
  --t-line: #f2f2f0;
  --t-accent: #ffffff;
  --t-on-accent: #000000;
  --t-accent2: #6fbf9f;
  --t-accent-text: #ffffff;
  --t-accent-hover: #fdfdfd;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="nachtbuehne"] {
  --t-font-display: "Host Grotesk", system-ui, sans-serif;
  --t-font-body: "Host Grotesk", system-ui, sans-serif;
  --t-font-ui: "Host Grotesk", system-ui, sans-serif;
  --t-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Host Grotesk", system-ui, sans-serif;
  --t-display-weight: 300;
  --t-display-tracking: -0.04em;
  --t-display-case: uppercase;
  --t-radius-card: 0px;
  --t-radius-control: 999px;
  --t-border: 2px;
  --t-bg: #f4f4f1;
  --t-surface: #ffffff;
  --t-surface2: #e8e8e4;
  --t-text: #0c0c0c;
  --t-text2: #2a2a2a;
  --t-muted: #595959;
  --t-line: #c8c8c2;
  --t-accent: #0c0c0c;
  --t-on-accent: #d3fd50;
  --t-accent2: #d3fd50;
  --t-accent-text: #0c0c0c;
  --t-accent-hover: #0c0c0c;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="nachtbuehne"][data-mode="dark"] {
  --t-bg: #0c0c0c;
  --t-surface: #161616;
  --t-surface2: #202020;
  --t-text: #ffffff;
  --t-text2: #d9d9d9;
  --t-muted: #9a9a9a;
  --t-line: #3a3a3a;
  --t-accent: #d3fd50;
  --t-on-accent: #0c0c0c;
  --t-accent2: #ffffff;
  --t-accent-text: #d3fd50;
  --t-accent-hover: #dafd6c;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="pflaume-minze"] {
  --t-font-display: "Instrument Serif", system-ui, sans-serif;
  --t-font-body: "Onest", system-ui, sans-serif;
  --t-font-ui: "Onest", system-ui, sans-serif;
  --t-font-mono: "Fragment Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Onest", system-ui, sans-serif;
  --t-display-weight: 400;
  --t-display-tracking: -0.01em;
  --t-display-case: none;
  --t-radius-card: 12px;
  --t-radius-control: 999px;
  --t-border: 1px;
  --t-bg: #f7f3f6;
  --t-surface: #ffffff;
  --t-surface2: #efe6ee;
  --t-text: #2a0f26;
  --t-text2: #4a2144;
  --t-muted: #6e5169;
  --t-line: #e0cfdc;
  --t-accent: #5b1f52;
  --t-on-accent: #97fcd7;
  --t-accent2: #0f7a60;
  --t-accent-text: #5b1f52;
  --t-accent-hover: #531c4b;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="pflaume-minze"][data-mode="dark"] {
  --t-bg: #2a0f26;
  --t-surface: #3a1735;
  --t-surface2: #4a2144;
  --t-text: #ffffff;
  --t-text2: #eadbe6;
  --t-muted: #c3a9bd;
  --t-line: #5c3155;
  --t-accent: #97fcd7;
  --t-on-accent: #2a0f26;
  --t-accent2: #e3a6d4;
  --t-accent-text: #97fcd7;
  --t-accent-hover: #a8fcdd;
  --t-shadow-card: 0 1px 2px color-mix(in srgb, var(--t-text) 8%, transparent), 0 12px 32px -18px color-mix(in srgb, var(--t-text) 30%, transparent);
  --t-shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--t-text) 10%, transparent), 0 22px 44px -20px color-mix(in srgb, var(--t-text) 38%, transparent);
  --t-shadow-button: 0 8px 22px -12px color-mix(in srgb, var(--t-accent) 70%, transparent);
  --t-shadow-button-hover: 0 12px 28px -12px color-mix(in srgb, var(--t-accent) 80%, transparent);
}
html[data-theme="nebelblau"] {
  --t-font-display: "Red Hat Display", system-ui, sans-serif;
  --t-font-body: "Red Hat Mono", system-ui, sans-serif;
  --t-font-ui: "Red Hat Mono", system-ui, sans-serif;
  --t-font-mono: "Red Hat Mono", ui-monospace, monospace;
  --t-font-heading-sm: "Red Hat Display", system-ui, sans-serif;
  --t-display-weight: 500;
  --t-display-tracking: -0.02em;
  --t-display-case: none;
  --t-radius-card: 0px;
  --t-radius-control: 25px;
  --t-border: 1px;
  --t-bg: #a5d3d4;
  --t-surface: #f9f8ea;
  --t-surface2: #c4e3e3;
  --t-text: #000000;
  --t-text2: #1c1c1c;
  --t-muted: #2f4a4b;
  --t-line: #6a6a6a;
  --t-accent: #282828;
  --t-on-accent: #ffffff;
  --t-accent2: #ff5000;
  --t-accent-text: #282828;
  --t-accent-hover: #222222;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}
html[data-theme="nebelblau"][data-mode="dark"] {
  --t-bg: #1c2323;
  --t-surface: #282828;
  --t-surface2: #2f3a3a;
  --t-text: #f9f8ea;
  --t-text2: #d9e9e9;
  --t-muted: #a5bdbd;
  --t-line: #4a5656;
  --t-accent: #a5d3d4;
  --t-on-accent: #000000;
  --t-accent2: #ff5000;
  --t-accent-text: #a5d3d4;
  --t-accent-hover: #b2d9d8;
  --t-shadow-card: none;
  --t-shadow-card-hover: none;
  --t-shadow-button: none;
  --t-shadow-button-hover: none;
}

/* ============================================================================
   agensia.space · Theme-Adapter (nur aktiv, wenn <html data-theme> gesetzt ist)
   ----------------------------------------------------------------------------
   Die Live-Seite ist auf Schwarz+Gold gebaut (styles.css, --bg/--tx/--gold …
   plus viele fest verdrahtete rgba-Werte). Dieser Adapter biegt alles auf die
   Theme-Tokens --t-* um. Ohne data-theme greift keine einzige Regel hier —
   normale Besucher sehen die Seite unverändert.
   ========================================================================== */
html[data-theme] {
  --bg: var(--t-bg);
  --bg2: var(--t-surface2);
  --panel: var(--t-surface);
  --ink-on-panel: var(--t-text);
  --tx: var(--t-text);
  --tx2: var(--t-text2);
  --tx3: var(--t-muted);
  --line: var(--t-line);
  --line2: color-mix(in srgb, var(--t-line) 60%, var(--t-text));
  --gold: var(--t-accent);
  --gold-b: var(--t-accent);
  --gold-d: var(--t-accent);
  --violet: var(--t-accent2);
  color-scheme: light;
}
html[data-theme][data-mode="dark"] { color-scheme: dark; }
html[data-theme] body { background: var(--t-bg); color: var(--t-text); font-family: var(--t-font-body); }

/* Atmosphäre (Orbs/Grain/Glows/Spotlight) gehört zum alten Look → aus */
html[data-theme] .orbs,
html[data-theme] .grain,
html[data-theme] .glow-v::before,
html[data-theme] .glow-g::before,
html[data-theme] .spot::after { display: none !important; }

/* Typografie */
html[data-theme] :is(.display, h1, h2, .brand, .prob h3, .case h3, .stp h3, .work-info h3, .pk h3, .pk .pr, .case .st b, .addon h3, .expect h3, .qa h3, .archive-grid b, .marq__t span, .ptable thead th) {
  font-family: var(--t-font-display);
}
html[data-theme] :is(.display, h1, h2) {
  font-weight: var(--t-display-weight);
  letter-spacing: var(--t-display-tracking);
  text-transform: var(--t-display-case);
}
html[data-theme] :is(.eyebrow, .btn, .gold-pill, .tag, .marq-lbl, .stp .n, .stp .t, .work-bar span, .work-info .n, .work-info .open, .pk .ki, .pk .lead-time, .ptable .pt-tag, .archive-copy small, .cform label, .ptable thead th:first-child) {
  font-family: var(--t-font-ui);
}
html[data-theme] :is(.pk .pr small, .ptable tbody th, .cform input, .cform textarea) { font-family: var(--t-font-body); }
/* Akzentwort: kein Serif-Kursiv-Tausch, nur Akzentfarbe in der Display-Schrift */
html[data-theme] :is(.em, .prob .k) { font-family: inherit; font-style: normal; font-weight: inherit; color: var(--t-accent-text); }
html[data-theme] .em--grad,
html[data-theme] .case .st b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--t-accent-text); }
html[data-theme] .eyebrow { color: var(--t-accent-text); }
html[data-theme] .eyebrow::before { background: currentColor; }

/* Flächen: Karten bekommen echte Surface statt Weiß-Transparenz */
html[data-theme] :is(.prob, .case, .stp, .work-card, .pk, .addon, .archive-grid a, .expect, .qa, .ptable-wrap) {
  background: var(--t-surface);
  border: var(--t-border) solid var(--t-line);
  border-radius: var(--t-radius-card);
  box-shadow: var(--t-shadow-card);
}
html[data-theme] .pk.mid { border-color: var(--t-accent); box-shadow: var(--t-shadow-card), 0 0 0 1px var(--t-accent); }
html[data-theme] .work-card:hover { box-shadow: var(--t-shadow-card-hover); border-color: var(--t-accent); }
html[data-theme] .pk:hover:not(.mid) { border-color: var(--t-accent); box-shadow: var(--t-shadow-card-hover); }
html[data-theme] .pk.mid:hover { box-shadow: var(--t-shadow-card-hover), 0 0 0 1px var(--t-accent); }
html[data-theme] .ptable thead th { background: var(--t-surface2); color: var(--t-text); }
html[data-theme] :is(.ptable col.mid, .ptable th.mid, .ptable td.mid) { background: color-mix(in srgb, var(--t-accent) 8%, transparent); }
html[data-theme] :is(.ptable .yes, .pk li::before, .addon h3 .px, .ptable thead th .pt-price, .work-info .n, .work-info .open, .stp .n, .dot, .archive-card::after) { color: var(--t-accent-text); }
html[data-theme] .dot { background: var(--t-accent); }
html[data-theme] .work-screen, html[data-theme] .work-shot { background: var(--t-surface2); }
html[data-theme] .work-bar { background: var(--t-surface2); border-bottom-color: var(--t-line); }
html[data-theme] .work-bar i { background: var(--t-line); }
html[data-theme] .archive-card img { border-color: var(--t-line); border-radius: calc(var(--t-radius-card) * .6); box-shadow: none; }

/* Navigation */
html[data-theme] .nav__in {
  background: color-mix(in srgb, var(--t-bg) 86%, transparent);
  border: var(--t-border) solid var(--t-line);
  border-radius: var(--t-radius-control);
}
html[data-theme] .nav.open .nav__in { background: var(--t-bg); }
html[data-theme] .nav__links a:hover, html[data-theme] .nav__links a.active { background: transparent; }
@media (max-width: 850px) {
  html[data-theme] .nav__in { border-radius: min(var(--t-radius-control), 22px); }
  html[data-theme] .nav__links a:hover, html[data-theme] .nav__links a.active { background: var(--t-surface2); }
}
html[data-theme] .nav__burger { border-color: var(--t-line); }
html[data-theme] .brand b { color: var(--t-accent-text); }

/* Buttons: Primär = volle Akzentfläche, keine Glanz-/Spin-Effekte */
html[data-theme] .gold-pill,
html[data-theme] .nav__links .gold-pill {
  background: var(--t-accent);
  color: var(--t-on-accent);
  border-radius: var(--t-radius-control);
  box-shadow: var(--t-shadow-button);
  border: var(--t-border) solid var(--t-accent);
}
html[data-theme] .gold-pill::before, html[data-theme] .gold-pill::after { display: none; }
html[data-theme] .gold-pill:hover { filter: none; background: var(--t-accent-hover); box-shadow: var(--t-shadow-button-hover); }
html[data-theme] .btn {
  border: var(--t-border) solid var(--t-line);
  border-radius: var(--t-radius-control);
  background: var(--t-surface);
  color: var(--t-text);
}
html[data-theme] .btn:hover { border-color: var(--t-text); color: var(--t-text); }

/* Before/After-Slider */
html[data-theme] .ba { border: var(--t-border) solid var(--t-line); border-radius: var(--t-radius-card); box-shadow: var(--t-shadow-card); background: var(--t-surface2); }
html[data-theme] .hero-ba .ba { border-radius: var(--t-radius-card); }
html[data-theme] .grip, html[data-theme] .tag.a { background: var(--t-accent); color: var(--t-on-accent); }
html[data-theme] .tag { border-radius: var(--t-radius-control); }
html[data-theme] .ba-cap .hint { color: var(--t-accent-text); }
html[data-theme] .ptable .pt-tag { background: var(--t-accent); color: var(--t-on-accent); border-radius: var(--t-radius-control); }

/* Formular */
html[data-theme] :is(.cform input, .cform textarea) { background: var(--t-surface); border: var(--t-border) solid var(--t-line); border-radius: min(var(--t-radius-control), 14px); color: var(--t-text); }
html[data-theme] :is(.cform input, .cform textarea):hover { border-color: var(--t-muted); }
html[data-theme] :is(.cform input, .cform textarea):focus { border-color: var(--t-accent); }
html[data-theme] :is(a, button, input, textarea, [data-ba]):focus-visible { outline-color: var(--t-accent); }

/* ── Umschalter-Panel (nur mit ?themes=1) ─────────────────────────────── */
#ag-themes {
  position: fixed; right: 14px; bottom: 14px; z-index: 9999; width: min(340px, calc(100vw - 28px));
  max-height: min(76vh, 640px); display: flex; flex-direction: column;
  font: 13px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: #111; background: #fff;
  border: 1px solid #111; border-radius: 12px; box-shadow: 0 18px 50px -12px rgba(0,0,0,.45); overflow: hidden;
}
#ag-themes * { box-sizing: border-box; }
#ag-themes.is-min { width: auto; max-height: none; }
#ag-themes.is-min .agt-body { display: none; }
#ag-themes .agt-head { display: flex; align-items: center; gap: 8px; padding: 9px 10px 9px 12px; border-bottom: 1px solid #ddd; }
#ag-themes.is-min .agt-head { border-bottom: 0; }
#ag-themes .agt-title { font-weight: 700; flex: 1; white-space: nowrap; }
#ag-themes button { font: inherit; color: inherit; cursor: pointer; }
#ag-themes .agt-icon { background: none; border: 1px solid #ccc; border-radius: 8px; width: 30px; height: 30px; }
#ag-themes .agt-body { overflow: auto; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
#ag-themes .agt-modes { display: flex; gap: 4px; padding: 0 0 4px; }
#ag-themes .agt-modes button { flex: 1; border: 1px solid #ccc; background: #fff; border-radius: 8px; padding: 6px; }
#ag-themes .agt-modes button[aria-pressed="true"] { background: #111; color: #fff; border-color: #111; }
#ag-themes .agt-item { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; text-align: left; background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 7px 8px; }
#ag-themes .agt-item:hover { border-color: #111; }
#ag-themes .agt-item[aria-pressed="true"] { border: 2px solid #111; padding: 6px 7px; }
#ag-themes .agt-sw { display: grid; grid-template-columns: repeat(2, 1fr); height: 34px; border-radius: 6px; overflow: hidden; border: 1px solid rgba(0,0,0,.15); }
#ag-themes .agt-sw i { display: block; }
#ag-themes .agt-name { font-weight: 650; }
#ag-themes .agt-mood { color: #555; font-size: 11.5px; line-height: 1.3; }
#ag-themes .agt-foot { display: flex; gap: 6px; padding: 8px; border-top: 1px solid #ddd; }
#ag-themes .agt-foot button { flex: 1; border: 1px solid #ccc; background: #fff; border-radius: 8px; padding: 7px; }
#ag-themes .agt-foot button:hover, #ag-themes .agt-modes button:hover, #ag-themes .agt-icon:hover { border-color: #111; }
#ag-themes :focus-visible { outline: 2px solid #1a5cff; outline-offset: 2px; }