/*
 * BooksOnline Design-Tokens – erzeugt aus docs/design-system/tokens.json mit bin/build-design-system.
 * Nicht von Hand ändern: tokens.json ändern und neu erzeugen.
 */
:root,
[data-theme="light"] {
    --brand-navy: #314685;
    --brand-teal: #3facb1;
    --night-100: #161c2c;
    --night-200: #1e2538;
    --on-night: #ffffff;
    --on-night-body: #9aa3b5;
    --surface-100: #fbf9f5;
    --surface-200: #f3efe7;
    --surface-300: #e8e2d6;
    --ink: #141a2b;
    --ink-body: #474e60;
    --ink-muted: #5c6374;
    --primary: #314685;
    --primary-strong: #243463;
    --on-primary: #ffffff;
    --on-primary-accent: #9fe0e3;
    --accent: #3facb1;
    --accent-ink: #1b7277;
    --link-on-night: #4fc3c8;
    --highlight: #e9a23b;
    --on-highlight: #161c2c;
    --highlight-ink: #8a4f00;
    --trend-up: var(--accent-ink);
    --trend-down: #a8480c;
    --border: #e2dccf;
    --border-strong: #8c8678;
    --success: #2e7d4f;
    --danger: #b3261e;
    --shadow-cover: 0 1px 2px rgba(20,26,43,0.16), 0 10px 24px -6px rgba(20,26,43,0.28);
    --shadow-pop: 4px 4px 0 #1d2340;
}

[data-theme="dark"] {
    --brand-navy: #314685;
    --brand-teal: #3facb1;
    --night-100: #161c2c;
    --night-200: #1e2538;
    --on-night: #ffffff;
    --on-night-body: #9aa3b5;
    --surface-100: #161c2c;
    --surface-200: #1e2538;
    --surface-300: #2a3350;
    --ink: #ffffff;
    --ink-body: #a3abbd;
    --ink-muted: #8e97ab;
    --primary: #3450a6;
    --primary-strong: #3f5fc2;
    --on-primary: #ffffff;
    --on-primary-accent: #9fe0e3;
    --accent: #3facb1;
    --accent-ink: #4fc3c8;
    --link-on-night: #4fc3c8;
    --highlight: #e9a23b;
    --on-highlight: #161c2c;
    --highlight-ink: #f0b65c;
    --trend-up: var(--accent-ink);
    --trend-down: #f29a5e;
    --border: #2a3350;
    --border-strong: #66748f;
    --success: #6fcf97;
    --danger: #f2867e;
    --shadow-cover: 0 1px 2px rgba(0,0,0,0.4), 0 12px 28px -6px rgba(0,0,0,0.6);
}

[data-theme="krimi"] {
    --night-100: #0b0c0f;
    --night-200: #15171c;
    --on-night-body: #a8a49b;
    --surface-100: #121418;
    --surface-200: #1b1e24;
    --surface-300: #262a32;
    --ink: #f4f1ea;
    --ink-body: #b4b0a7;
    --ink-muted: #9a968d;
    --primary: #b3261e;
    --primary-strong: #8f1d17;
    --on-primary-accent: #ffc2b8;
    --accent: #d9452f;
    --accent-ink: #ff7a66;
    --link-on-night: #ff7a66;
    --highlight-ink: #f0b65c;
    --trend-up: #5cc8b4;
    --trend-down: #f29a5e;
    --border: #2a2e36;
    --border-strong: #6b707b;
    --success: #6fcf97;
    --danger: #f2867e;
}

[data-theme="romance"] {
    --night-100: #2b1622;
    --night-200: #3a1f2e;
    --on-night-body: #c9adb7;
    --surface-100: #fbf5f3;
    --surface-200: #f5e8e4;
    --surface-300: #ecd7d1;
    --ink: #2a1418;
    --ink-body: #5a4247;
    --ink-muted: #6e555a;
    --primary: #9c2f55;
    --primary-strong: #7a2242;
    --on-primary-accent: #ffd3e0;
    --accent: #e38aa5;
    --accent-ink: #9c2f55;
    --link-on-night: #f5a3bd;
    --trend-up: #1b7277;
    --border: #ead8d2;
    --border-strong: #9a7f85;
}

[data-theme="sachbuch"] {
    --surface-100: #f7f8fa;
    --surface-200: #eef1f5;
    --surface-300: #e1e6ee;
    --trend-up: var(--accent-ink);
    --border: #dfe3ea;
    --border-strong: #848b99;
}

[data-theme="kinder"] {
    --night-100: #1d2340;
    --night-200: #283057;
    --on-night-body: #c3c8e0;
    --surface-100: #fffaf0;
    --surface-200: #fff0cc;
    --surface-300: #ffe39a;
    --ink: #1d2340;
    --ink-body: #3f4566;
    --ink-muted: #555b7a;
    --primary: #2f5bd8;
    --primary-strong: #2147b0;
    --on-primary-accent: #ffe08a;
    --accent: #ff8a3d;
    --accent-ink: #b4470a;
    --link-on-night: #ffcf3d;
    --highlight: #ffcf3d;
    --on-highlight: #1d2340;
    --trend-up: #1b7a52;
    --trend-down: #b4470a;
    --border: #f0e2bd;
    --border-strong: #8a8466;
    --shadow-pop: 4px 4px 0 #1d2340;
}

[data-theme="mini"] {
    --night-100: #1c3330;
    --night-200: #26443f;
    --on-night-body: #bdd6d1;
    --surface-100: #f6fbf7;
    --surface-200: #e2f3ea;
    --surface-300: #c4e7d6;
    --ink: #1c3330;
    --ink-body: #3b524e;
    --ink-muted: #4f6762;
    --primary: #1a6b5e;
    --primary-strong: #134f45;
    --on-primary-accent: #ffdcad;
    --accent: #f2706b;
    --accent-ink: #a8352f;
    --link-on-night: #ffc46b;
    --highlight: #ffc46b;
    --on-highlight: #1c3330;
    --trend-up: #1b7a52;
    --trend-down: #a8352f;
    --border: #d3eadf;
    --border-strong: #6f8a80;
    --shadow-pop: 4px 4px 0 #1c3330;
}

:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 48px;
    --space-6: 96px;
    --radius-none: 0;
    --radius-cover: 2px;
    --radius-round: 50%;
    --radius-pill: 999px;
    --radius-soft: 16px;
    --font-sans: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-serif: Lora, Georgia, "Times New Roman", serif;
    --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
    --font-krimi: Oswald, "Arial Narrow", sans-serif;
    --font-romance: "Playfair Display", Lora, Georgia, serif;
    --font-kinder: Fredoka, Poppins, system-ui, sans-serif;
}