/* theme-presets.css — die 24 Designs des Pakets, als reine CSS-Variablen.
 *
 * WARUM DIESE DATEI IM PAKET LIEGT (Owner-Auftrag 14.08.2026, Befund B02/B03):
 * Bis zum 18.08.2026 brachte action_bar_all KEINE Stile mit. Das CSS war auf beide
 * Modi vorbereitet, das Umschalten fehlte, und die Design-Vorlagen lagen in 20+
 * abweichenden App-Kopien. Ohne Wirt gab es also gar keine Stile — und 13 Wirte
 * reparierten dasselbe dreizehnmal. Jetzt liefert das Paket sie aus.
 *
 * AUFBAU — zwei UNABHAENGIGE Achsen, damit jedes Design in jedem Modus geht:
 *   1. Design:  html[data-style-preset="<id>"]   — 24 Bloecke, einer je Design
 *   2. Modus:   html[data-theme="light"|"dark"]  — dark ist Default
 * Daraus folgt automatisch das Owner-Ziel "jedes Projekt kann jedes Style benutzen":
 * 24 Designs x 2 Modi = 48 gueltige Kombinationen, ohne eine einzige Sonderregel.
 *
 * Die Hell-Werte stehen EINMAL zentral. Dazu kommt je Design nur dann eine kleine
 * Kombi-Regel, wenn sein Akzent auf hellem Grund zu schwach waere — gemessen nach
 * WCAG 2.1 (1.4.11 Non-text Contrast, >= 3:1), nicht nach Gefuehl.
 *
 * ERZEUGT, NICHT GETIPPT: die Werte stammen aus derselben Liste wie
 * static/js/theme.js. qa/theme_gate.py haelt beide Seiten aneinander fest und wird
 * rot, sobald ein Design nur auf einer Seite steht oder ein Wert auseinanderlaeuft.
 * Diese Datei also nicht von Hand pflegen, ohne theme.js mitzuziehen.
 */

/* ── Vorgabe: das Standard-Design, damit ein Wirt ohne jede Wahl schon richtig
      aussieht. Entspricht html[data-style-preset="next-edition-2"]. ── */
:root {
  --bg: #05060a;
  --bg-2: #0e1320;
  --surface: rgba(20, 26, 40, 0.62);
  --surface-2: rgba(28, 34, 50, 0.78);
  --text: #eef2fb;
  --muted: #8a93ab;
  --accent: #7fd6e6;
  --accent-2: #9aa3ff;
  --accent-3: #b8e9d8;
  --accent-contrast: #05060a;
  --border: rgba(180, 200, 230, 0.16);
  --shadow: 0 22px 60px -28px rgba(0, 0, 0, 0.9), 0 6px 18px -10px rgba(0, 0, 0, 0.6);
  --soft-shadow: 0 12px 40px -22px rgba(0, 0, 0, 0.75);
  --radius: 14px;
  --radius-lg: 20px;
  --button-radius: 999px;
  --font-body: "Inter", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-weight: 720;
  --line-width: 1px;
}

/* ── Die 24 Designs ──────────────────────────────────────────────────────── */
/* Next Edition 2.0 — monochrom hologlass, ruhig, edel, premium-zukunft */
html[data-style-preset="next-edition-2"] {
  --bg: #05060a;
  --bg-2: #0e1320;
  --surface: rgba(20, 26, 40, 0.62);
  --surface-2: rgba(28, 34, 50, 0.78);
  --text: #eef2fb;
  --muted: #8a93ab;
  --accent: #7fd6e6;
  --accent-2: #9aa3ff;
  --accent-3: #b8e9d8;
  --accent-contrast: #05060a;
  --border: rgba(180, 200, 230, 0.16);
  --shadow: 0 22px 60px -28px rgba(0, 0, 0, 0.9), 0 6px 18px -10px rgba(0, 0, 0, 0.6);
  --soft-shadow: 0 12px 40px -22px rgba(0, 0, 0, 0.75);
  --radius: 14px;
  --radius-lg: 20px;
  --button-radius: 999px;
  --font-body: "Inter", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-weight: 720;
  --line-width: 1px;
}

/* Year 3000 Classic — futuristisch, hologramm, deep-space, premium */
html[data-style-preset="year-3000"] {
  --bg: #03020c;
  --bg-2: #08051f;
  --surface: rgba(14, 12, 38, 0.62);
  --surface-2: rgba(22, 18, 56, 0.78);
  --text: #f4f7ff;
  --muted: #9aa2c8;
  --accent: #00f0ff;
  --accent-2: #b14bff;
  --accent-3: #ff3df0;
  --accent-contrast: #03020c;
  --border: rgba(140, 200, 255, 0.22);
  --shadow: 0 30px 80px -32px rgba(0, 0, 0, 0.95), 0 8px 24px -10px rgba(0, 240, 255, 0.18);
  --soft-shadow: 0 12px 40px -18px rgba(2, 0, 16, 0.85);
  --radius: 14px;
  --radius-lg: 22px;
  --button-radius: 999px;
  --font-body: "Inter", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-weight: 780;
  --line-width: 1px;
}

/* Legacy Default (Version 1.0) — klassisch, dunkel-indigo, urspruenglicher Default */
html[data-style-preset="legacy"] {
  --bg: #0a0a12;
  --bg-2: #111122;
  --surface: #12121e;
  --surface-2: #1a1a2e;
  --text: #f1f5f9;
  --muted: #94a3b8;
  --accent: #6366f1;
  --accent-2: #818cf8;
  --accent-3: #22d3ee;
  --accent-contrast: #ffffff;
  --border: rgba(255,255,255,0.08);
  --shadow: 0 20px 40px -8px rgba(0,0,0,0.6);
  --soft-shadow: 0 4px 6px -1px rgba(0,0,0,0.4);
  --radius: 10px;
  --radius-lg: 16px;
  --button-radius: 10px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 700;
  --line-width: 1px;
}

/* Nordic Mint — modern, ruhig, wenig Farben */
html[data-style-preset="nordic-mint"] {
  --bg: #f6f8f5;
  --bg-2: #e5efe9;
  --surface: #ffffff;
  --surface-2: #edf4ef;
  --text: #17211d;
  --muted: #5d6d66;
  --accent: #18a672;
  --accent-2: #8be0bf;
  --accent-3: #e9c46a;
  --accent-contrast: #ffffff;
  --border: #cbd8d0;
  --shadow: 0 24px 80px rgba(23, 33, 29, 0.12);
  --soft-shadow: 0 14px 40px rgba(23, 33, 29, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 760;
  --line-width: 1px;
}

/* Mono Focus — simple, professionell, schwarz-weiss */
html[data-style-preset="mono-focus"] {
  --bg: #f5f5f2;
  --bg-2: #e8e8e1;
  --surface: #ffffff;
  --surface-2: #eeeeea;
  --text: #151515;
  --muted: #6b6b62;
  --accent: #111111;
  --accent-2: #d9d9d2;
  --accent-3: #8a8a80;
  --accent-contrast: #ffffff;
  --border: #c9c9bf;
  --shadow: 0 18px 54px rgba(0, 0, 0, 0.1);
  --soft-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  --radius: 6px;
  --radius-lg: 6px;
  --button-radius: 6px;
  --font-body: Arial, Helvetica, sans-serif;
  --font-display: Arial, Helvetica, sans-serif;
  --font-weight: 800;
  --line-width: 1px;
}

/* Blue SaaS — klar, dashboard, vertrauensvoll */
html[data-style-preset="blue-saas"] {
  --bg: #f4f7fb;
  --bg-2: #dfe9f7;
  --surface: #ffffff;
  --surface-2: #edf4ff;
  --text: #102033;
  --muted: #607186;
  --accent: #2563eb;
  --accent-2: #93c5fd;
  --accent-3: #22c55e;
  --accent-contrast: #ffffff;
  --border: #c6d7ed;
  --shadow: 0 22px 70px rgba(37, 99, 235, 0.13);
  --soft-shadow: 0 10px 30px rgba(16, 32, 51, 0.09);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 780;
  --line-width: 1px;
}

/* Sunset Product — warm, freundlich, markant */
html[data-style-preset="sunset-product"] {
  --bg: #fff8f2;
  --bg-2: #ffe5d1;
  --surface: #fffdf9;
  --surface-2: #fff0e4;
  --text: #2e1b12;
  --muted: #765c4d;
  --accent: #f97316;
  --accent-2: #fbba72;
  --accent-3: #0ea5a2;
  --accent-contrast: #ffffff;
  --border: #edcbb5;
  --shadow: 0 24px 76px rgba(249, 115, 22, 0.16);
  --soft-shadow: 0 12px 32px rgba(46, 27, 18, 0.09);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Trebuchet MS, Inter, ui-sans-serif, sans-serif;
  --font-display: Trebuchet MS, Inter, ui-sans-serif, sans-serif;
  --font-weight: 800;
  --line-width: 1px;
}

/* Neon Lab — dunkel, futuristisch, leuchtend */
html[data-style-preset="neon-lab"] {
  --bg: #080b16;
  --bg-2: #141a2e;
  --surface: #111827;
  --surface-2: #1f2937;
  --text: #f8fbff;
  --muted: #a5b4c8;
  --accent: #00e5ff;
  --accent-2: #a855f7;
  --accent-3: #faff00;
  --accent-contrast: #061016;
  --border: #334155;
  --shadow: 0 0 54px rgba(0, 229, 255, 0.2);
  --soft-shadow: 0 0 30px rgba(168, 85, 247, 0.14);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 820;
  --line-width: 1px;
}

/* Chaos Poster — laut, mutig, absichtlich wild */
html[data-style-preset="chaos-poster"] {
  --bg: #fff200;
  --bg-2: #ff6b6b;
  --surface: #fffdf0;
  --surface-2: #1b1b1b;
  --text: #111111;
  --muted: #3e3e3e;
  --accent: #ff1654;
  --accent-2: #00bbf9;
  --accent-3: #7cff01;
  --accent-contrast: #ffffff;
  --border: #111111;
  --shadow: 9px 9px 0 rgba(0, 0, 0, 0.92);
  --soft-shadow: 5px 5px 0 rgba(0, 0, 0, 0.9);
  --radius: 4px;
  --radius-lg: 4px;
  --button-radius: 4px;
  --font-body: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
  --font-display: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
  --font-weight: 900;
  --line-width: 2px;
}

/* Playground Pop — kindisch, bunt, weich */
html[data-style-preset="playground-pop"] {
  --bg: #fff6fd;
  --bg-2: #dff8ff;
  --surface: #ffffff;
  --surface-2: #f5eaff;
  --text: #2a2240;
  --muted: #766b8f;
  --accent: #ff5c8a;
  --accent-2: #74d7ff;
  --accent-3: #ffd166;
  --accent-contrast: #ffffff;
  --border: #ebc9f6;
  --shadow: 0 20px 60px rgba(255, 92, 138, 0.16);
  --soft-shadow: 0 10px 30px rgba(116, 215, 255, 0.2);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Comic Sans MS, Trebuchet MS, ui-sans-serif, sans-serif;
  --font-display: Comic Sans MS, Trebuchet MS, ui-sans-serif, sans-serif;
  --font-weight: 800;
  --line-width: 2px;
}

/* Brutal Grid — kantig, roh, plakativ */
html[data-style-preset="brutal-grid"] {
  --bg: #f2f2f2;
  --bg-2: #d8d8d8;
  --surface: #ffffff;
  --surface-2: #ececec;
  --text: #050505;
  --muted: #454545;
  --accent: #facc15;
  --accent-2: #ef4444;
  --accent-3: #2563eb;
  --accent-contrast: #050505;
  --border: #050505;
  --shadow: 7px 7px 0 #050505;
  --soft-shadow: 4px 4px 0 #050505;
  --radius: 0px;
  --radius-lg: 0px;
  --button-radius: 0px;
  --font-body: Arial Black, Arial, sans-serif;
  --font-display: Arial Black, Arial, sans-serif;
  --font-weight: 900;
  --line-width: 2px;
}

/* Forest Calm — natuerlich, leise, organisch */
html[data-style-preset="forest-calm"] {
  --bg: #f3f7ef;
  --bg-2: #dce8d0;
  --surface: #fbfff7;
  --surface-2: #e8f0df;
  --text: #1f2b1d;
  --muted: #68765f;
  --accent: #4d7c0f;
  --accent-2: #a3c585;
  --accent-3: #d99a3e;
  --accent-contrast: #ffffff;
  --border: #c5d4ba;
  --shadow: 0 24px 72px rgba(77, 124, 15, 0.14);
  --soft-shadow: 0 12px 34px rgba(31, 43, 29, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Georgia, Cambria, serif;
  --font-display: Georgia, Cambria, serif;
  --font-weight: 700;
  --line-width: 1px;
}

/* Luxury Ink — edel, dunkel, editorial */
html[data-style-preset="luxury-ink"] {
  --bg: #0e0d0b;
  --bg-2: #1c1712;
  --surface: #17130f;
  --surface-2: #241d17;
  --text: #fffaf0;
  --muted: #c2b6a4;
  --accent: #d4af37;
  --accent-2: #f1d883;
  --accent-3: #7dd3fc;
  --accent-contrast: #17130f;
  --border: #3a3026;
  --shadow: 0 28px 90px rgba(212, 175, 55, 0.14);
  --soft-shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
  --radius: 3px;
  --radius-lg: 3px;
  --button-radius: 3px;
  --font-body: Georgia, Cambria, serif;
  --font-display: Georgia, Cambria, serif;
  --font-weight: 700;
  --line-width: 1px;
}

/* Retro Pixel — gamey, nostalgisch, blockig */
html[data-style-preset="retro-pixel"] {
  --bg: #1e1033;
  --bg-2: #45246b;
  --surface: #2b1949;
  --surface-2: #3b2361;
  --text: #fff7d6;
  --muted: #d9c89d;
  --accent: #ffcc00;
  --accent-2: #00e0a4;
  --accent-3: #ff5c8a;
  --accent-contrast: #201033;
  --border: #fff7d6;
  --shadow: 6px 6px 0 rgba(255, 247, 214, 0.3);
  --soft-shadow: 4px 4px 0 rgba(255, 247, 214, 0.25);
  --radius: 0px;
  --radius-lg: 0px;
  --button-radius: 0px;
  --font-body: Courier New, monospace;
  --font-display: Courier New, monospace;
  --font-weight: 900;
  --line-width: 2px;
}

/* Glass Future — transparent, modern, weich */
html[data-style-preset="glass-future"] {
  --bg: #eef7ff;
  --bg-2: #d9fff3;
  --surface: rgba(255, 255, 255, 0.74);
  --surface-2: rgba(232, 244, 255, 0.7);
  --text: #112236;
  --muted: #607489;
  --accent: #0ea5e9;
  --accent-2: #99f6e4;
  --accent-3: #f0abfc;
  --accent-contrast: #ffffff;
  --border: rgba(255, 255, 255, 0.68);
  --shadow: 0 28px 80px rgba(14, 165, 233, 0.17);
  --soft-shadow: 0 12px 36px rgba(17, 34, 54, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 760;
  --line-width: 1px;
}

/* Editorial Cream — magazin, ruhig, hochwertig */
html[data-style-preset="editorial-cream"] {
  --bg: #fbf6ec;
  --bg-2: #efe1ca;
  --surface: #fffaf1;
  --surface-2: #f2e5cf;
  --text: #231b14;
  --muted: #756657;
  --accent: #b45309;
  --accent-2: #e4b874;
  --accent-3: #1f766e;
  --accent-contrast: #ffffff;
  --border: #d8c2a1;
  --shadow: 0 24px 70px rgba(35, 27, 20, 0.12);
  --soft-shadow: 0 12px 30px rgba(35, 27, 20, 0.08);
  --radius: 2px;
  --radius-lg: 2px;
  --button-radius: 2px;
  --font-body: Georgia, Cambria, serif;
  --font-display: Georgia, Cambria, serif;
  --font-weight: 700;
  --line-width: 1px;
}

/* Bauhaus Signal — grafisch, klare Primaerfarben */
html[data-style-preset="bauhaus-signal"] {
  --bg: #f7f4ea;
  --bg-2: #e6dfcc;
  --surface: #fffdf5;
  --surface-2: #f0ead9;
  --text: #111111;
  --muted: #555044;
  --accent: #e11d48;
  --accent-2: #2563eb;
  --accent-3: #facc15;
  --accent-contrast: #ffffff;
  --border: #111111;
  --shadow: 6px 6px 0 #111111;
  --soft-shadow: 4px 4px 0 #111111;
  --radius: 0px;
  --radius-lg: 0px;
  --button-radius: 0px;
  --font-body: Futura, Century Gothic, Arial, sans-serif;
  --font-display: Futura, Century Gothic, Arial, sans-serif;
  --font-weight: 900;
  --line-width: 2px;
}

/* Soft Pastel — sanft, freundlich, leicht */
html[data-style-preset="soft-pastel"] {
  --bg: #f8fbff;
  --bg-2: #f6e7ff;
  --surface: #ffffff;
  --surface-2: #eef7ff;
  --text: #243044;
  --muted: #75809a;
  --accent: #8b5cf6;
  --accent-2: #f0abfc;
  --accent-3: #7dd3fc;
  --accent-contrast: #ffffff;
  --border: #dfd6f3;
  --shadow: 0 24px 70px rgba(139, 92, 246, 0.14);
  --soft-shadow: 0 12px 30px rgba(36, 48, 68, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Trebuchet MS, Inter, ui-sans-serif, sans-serif;
  --font-display: Trebuchet MS, Inter, ui-sans-serif, sans-serif;
  --font-weight: 780;
  --line-width: 1px;
}

/* Red Startup — energie, verkauf, direkt */
html[data-style-preset="red-startup"] {
  --bg: #fff6f6;
  --bg-2: #ffe0e0;
  --surface: #ffffff;
  --surface-2: #fff0f0;
  --text: #2b1111;
  --muted: #7a5555;
  --accent: #dc2626;
  --accent-2: #fb7185;
  --accent-3: #14b8a6;
  --accent-contrast: #ffffff;
  --border: #efc2c2;
  --shadow: 0 24px 72px rgba(220, 38, 38, 0.15);
  --soft-shadow: 0 12px 32px rgba(43, 17, 17, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 820;
  --line-width: 1px;
}

/* Cyber Lime — innovativ, tech, scharf */
html[data-style-preset="cyber-lime"] {
  --bg: #07110b;
  --bg-2: #122417;
  --surface: #0f1d14;
  --surface-2: #18311f;
  --text: #efffec;
  --muted: #a3c9a4;
  --accent: #a3ff12;
  --accent-2: #22d3ee;
  --accent-3: #ff2bd6;
  --accent-contrast: #07110b;
  --border: #315d38;
  --shadow: 0 0 60px rgba(163, 255, 18, 0.16);
  --soft-shadow: 0 0 34px rgba(34, 211, 238, 0.12);
  --radius: 6px;
  --radius-lg: 6px;
  --button-radius: 6px;
  --font-body: Courier New, Inter, monospace;
  --font-display: Courier New, Inter, monospace;
  --font-weight: 900;
  --line-width: 1px;
}

/* Clay Studio — handgemacht, weich, kreativ */
html[data-style-preset="clay-studio"] {
  --bg: #f8efe8;
  --bg-2: #e8d4c7;
  --surface: #fffaf6;
  --surface-2: #f0dfd3;
  --text: #2b211c;
  --muted: #796960;
  --accent: #c2410c;
  --accent-2: #f6ad7b;
  --accent-3: #3b82f6;
  --accent-contrast: #ffffff;
  --border: #dbc4b5;
  --shadow: 0 24px 72px rgba(194, 65, 12, 0.13);
  --soft-shadow: 0 12px 32px rgba(43, 33, 28, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Trebuchet MS, Inter, ui-sans-serif, sans-serif;
  --font-display: Georgia, Cambria, serif;
  --font-weight: 760;
  --line-width: 1px;
}

/* Ice Minimal — sehr hell, clean, premium */
html[data-style-preset="ice-minimal"] {
  --bg: #fbfdff;
  --bg-2: #eaf3fb;
  --surface: #ffffff;
  --surface-2: #f2f7fb;
  --text: #13202b;
  --muted: #718093;
  --accent: #0891b2;
  --accent-2: #bae6fd;
  --accent-3: #f59e0b;
  --accent-contrast: #ffffff;
  --border: #d8e4ec;
  --shadow: 0 26px 80px rgba(8, 145, 178, 0.1);
  --soft-shadow: 0 12px 34px rgba(19, 32, 43, 0.06);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 720;
  --line-width: 1px;
}

/* Craft Pro — plattform, modern, sehr sauber */
html[data-style-preset="craft-pro"] {
  --bg: #f7faf8;
  --bg-2: #e9f3ee;
  --surface: #ffffff;
  --surface-2: #eef5f2;
  --text: #14201c;
  --muted: #62736c;
  --accent: #0f9f7a;
  --accent-2: #38bdf8;
  --accent-3: #f59e0b;
  --accent-contrast: #ffffff;
  --border: #ccddd5;
  --shadow: 0 24px 72px rgba(15, 159, 122, 0.12);
  --soft-shadow: 0 12px 34px rgba(20, 32, 28, 0.08);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 780;
  --line-width: 1px;
}

/* Aurora Console — premium, kontrastreich, produktiv */
html[data-style-preset="aurora-console"] {
  --bg: #101316;
  --bg-2: #18201e;
  --surface: rgba(22, 27, 30, 0.82);
  --surface-2: rgba(31, 40, 42, 0.82);
  --text: #f4fbf8;
  --muted: #a8bbb4;
  --accent: #2dd4bf;
  --accent-2: #fb7185;
  --accent-3: #facc15;
  --accent-contrast: #061210;
  --border: rgba(205, 235, 225, 0.18);
  --shadow: 0 28px 90px rgba(45, 212, 191, 0.14);
  --soft-shadow: 0 16px 44px rgba(3, 1, 1, 0.28);
  --radius: 8px;
  --radius-lg: 8px;
  --button-radius: 999px;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight: 800;
  --line-width: 1px;
}

/* ── Zweite Achse: Hell. Dark ist und bleibt der Default. ────────────────── */
html[data-theme="light"] {
  --bg: #f7f8fa;
  --bg-2: #eceef2;
  --surface: #ffffff;
  --surface-2: #f2f4f7;
  --text: #14171f;
  --muted: #5b6472;
  --border: rgba(18, 22, 32, 0.16);
  --shadow: 0 24px 70px -32px rgba(18, 22, 32, 0.28), 0 6px 18px -10px rgba(18, 22, 32, 0.14);
  --soft-shadow: 0 12px 36px -20px rgba(18, 22, 32, 0.20);
}

/* Akzent-Kontrast auf hellem Grund — nur fuer die Designs, deren Akzent gegen
   #f7f8fa unter 3:1 laege. 12 von 24 brauchen das. */
html[data-theme="light"][data-style-preset="next-edition-2"] {
  --accent: #5a98a3;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="year-3000"] {
  --accent: #009ea8;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="nordic-mint"] {
  --accent: #179e6c;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="sunset-product"] {
  --accent: #e86b14;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="neon-lab"] {
  --accent: #009eb0;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="playground-pop"] {
  --accent: #f25783;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="brutal-grid"] {
  --accent: #ac8d0e;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="luxury-ink"] {
  --accent: #aa8c2c;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="retro-pixel"] {
  --accent: #ad8b00;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="glass-future"] {
  --accent: #0d99d9;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="cyber-lime"] {
  --accent: #659e0b;
  --accent-contrast: #ffffff;
}

html[data-theme="light"][data-style-preset="aurora-console"] {
  --accent: #22a191;
  --accent-contrast: #ffffff;
}