[data-theme="hafenblau"] {
    --bg: #dce8f0;
    --surface: #eaf3f8;
    --border: #b8d0e0;
    --text-primary: #0d3a5c;
    --text-primary-dark: #0a2e48;
    --text-secondary: #336982;
    --text-muted: #306b86;
    --accent: #1a6090;
    --done-bg: #d0e5f0;
    --error: #c0392b;
    --brand-mark-surface: rgba(236, 246, 252, 0.94);
    --brand-mark-border: rgba(25, 96, 144, 0.2);
    --brand-mark-shadow: 0 14px 28px rgba(16, 72, 112, 0.2);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(26, 96, 144, 0.14);
    --tab-icon-chip-active: rgba(26, 96, 144, 0.3);
    --tab-icon-filter: saturate(0.96) hue-rotate(4deg);
    --tab-icon-filter-active: saturate(1.12) hue-rotate(6deg);
    --button-active-bg: #1a6090;
    --button-active-text: #ffffff;
    --toast-success-bg: rgba(26, 144, 112, 0.12);
    --toast-success-text: #0d3a2e;
    --toast-error-bg: rgba(192, 57, 43, 0.12);
    --toast-error-text: #6e1a10;
}

[data-theme="parchment"] {
    --bg: #f5f0eb;
    --surface: #faf7f2;
    --border: #e8dccf;
    --text-primary: #3a3026;
    --text-primary-dark: #1a1410;
    --text-secondary: #7a6a50;
    --text-muted: #75644b;
    --accent: #725a38;
    --done-bg: #ede8e0;
    --error: #c0392b;
    --brand-mark-surface: rgba(250, 247, 242, 0.94);
    --brand-mark-border: rgba(139, 111, 71, 0.2);
    --brand-mark-shadow: 0 14px 28px rgba(58, 48, 38, 0.2);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(139, 111, 71, 0.14);
    --tab-icon-chip-active: rgba(139, 111, 71, 0.3);
    --tab-icon-filter: saturate(0.92) sepia(0.06);
    --tab-icon-filter-active: saturate(1.08) sepia(0.08);
    --button-active-bg: #725a38;
    --button-active-text: #ffffff;
    --toast-success-bg: rgba(80, 120, 60, 0.12);
    --toast-success-text: #2d3a1d;
    --toast-error-bg: rgba(180, 60, 40, 0.12);
    --toast-error-text: #6e1a10;
}

[data-theme="meeresgruen"] {
    --bg: #cbe6d8;
    --surface: #e2f4ec;
    --border: #90c8a8;
    --text-primary: #0d4a30;
    --text-primary-dark: #0a3824;
    --text-secondary: #1e6844;
    --text-muted: #2a6848;
    --accent: #12663f;
    --done-bg: #bcdece;
    --error: #c0392b;
    --brand-mark-surface: rgba(226, 244, 236, 0.94);
    --brand-mark-border: rgba(26, 122, 80, 0.2);
    --brand-mark-shadow: 0 14px 28px rgba(13, 74, 48, 0.2);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(26, 122, 80, 0.14);
    --tab-icon-chip-active: rgba(26, 122, 80, 0.3);
    --tab-icon-filter: saturate(0.98) hue-rotate(-75deg);
    --tab-icon-filter-active: saturate(1.14) hue-rotate(-70deg);
    --button-active-bg: #12663f;
    --button-active-text: #ffffff;
    --toast-success-bg: rgba(26, 122, 80, 0.12);
    --toast-success-text: #0a3a24;
    --toast-error-bg: rgba(192, 57, 43, 0.12);
    --toast-error-text: #6e1a10;
}

[data-theme="lavendelsegel"] {
    --bg: #e8e0f4;
    --surface: #f3eefb;
    --border: #c0a8dc;
    --text-primary: #2e1458;
    --text-primary-dark: #200e42;
    --text-secondary: #5c34a0;
    --text-muted: #6f4b9b;
    --accent: #5525a0;
    --done-bg: #d8ccea;
    --error: #c0392b;
    --brand-mark-surface: rgba(243, 238, 251, 0.94);
    --brand-mark-border: rgba(85, 37, 160, 0.2);
    --brand-mark-shadow: 0 14px 28px rgba(46, 20, 88, 0.22);
    --brand-mark-filter: saturate(1.05) contrast(1);
    --tab-icon-chip: rgba(85, 37, 160, 0.14);
    --tab-icon-chip-active: rgba(85, 37, 160, 0.3);
    --tab-icon-filter: saturate(0.96) hue-rotate(45deg);
    --tab-icon-filter-active: saturate(1.14) hue-rotate(50deg);
    --button-active-bg: #5525a0;
    --button-active-text: #ffffff;
    --toast-success-bg: rgba(85, 37, 160, 0.12);
    --toast-success-text: #200e42;
    --toast-error-bg: rgba(192, 57, 43, 0.12);
    --toast-error-text: #6e1a10;
}

[data-theme="monochrom"] {
    --bg: #ffffff;
    --surface: #fafafa;
    --border: #e0e0e0;
    --text-primary: #000000;
    --text-primary-dark: #000000;
    --text-secondary: #333333;
    --text-muted: #666666;
    --accent: #2a2a2a;
    --accent-contrast: #ffffff;
    --done-bg: #f0f0f0;
    --error: #c0392b;
    --brand-mark-surface: rgba(250, 250, 250, 0.94);
    --brand-mark-border: rgba(0, 0, 0, 0.2);
    --brand-mark-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(0, 0, 0, 0.08);
    --tab-icon-chip-active: rgba(0, 0, 0, 0.15);
    --tab-icon-filter: saturate(0) brightness(2.5);
    --tab-icon-filter-active: saturate(0) brightness(2.2);
    --button-active-bg: #2a2a2a;
    --button-active-text: #ffffff;
    --toast-success-bg: rgba(0, 0, 0, 0.08);
    --toast-success-text: #000000;
    --toast-error-bg: rgba(192, 57, 43, 0.1);
    --toast-error-text: #c0392b;
}

[data-theme="regenbogen"] {
    --bg: #fef8f0;
    --surface: #fffcf8;
    --border: #f8c890;
    --text-primary: #1a1010;
    --text-primary-dark: #0e0808;
    --text-secondary: #c83060;
    --text-muted: #8a4a68;
    --accent: #00788c;
    --accent-contrast: #ffffff;
    --done-bg: #dff6e4;
    --error: #d63031;
    --brand-mark-surface: linear-gradient(135deg, rgba(255,80,80,0.55), rgba(255,160,0,0.55), rgba(255,224,0,0.55), rgba(60,190,60,0.55), rgba(0,144,168,0.55), rgba(60,60,220,0.55), rgba(160,0,200,0.55));
    --brand-mark-border: rgba(255, 120, 0, 0.28);
    --brand-mark-shadow: 0 12px 24px rgba(200, 80, 0, 0.15);
    --brand-mark-filter: saturate(1.1) contrast(1);
    --tab-icon-chip: rgba(0, 144, 168, 0.13);
    --tab-icon-chip-active: rgba(0, 144, 168, 0.28);
    --tab-icon-filter: saturate(1.1) hue-rotate(170deg) brightness(1.02);
    --tab-icon-filter-active: saturate(1.3) hue-rotate(175deg) brightness(0.97);
    --button-active-bg: #00788c;
    --button-active-text: #ffffff;
    --toast-success-bg: rgba(40, 170, 80, 0.12);
    --toast-success-text: #0d4a1e;
    --toast-error-bg: rgba(214, 48, 49, 0.12);
    --toast-error-text: #6e1a10;
}

[data-theme="nachtwache"] {
    --bg: #111c2d;
    --surface: #162338;
    --border: #1e3550;
    --text-primary: #cce4f4;
    --text-primary-dark: #e0f0ff;
    --text-secondary: #8bb4d0;
    --text-muted: #6e9abd;
    --accent: #77bdea;
    --accent-contrast: #06111c;
    --done-bg: #0d1828;
    --error: #e05050;
    --brand-mark-surface: linear-gradient(180deg, rgba(26, 42, 64, 0.98), rgba(12, 23, 39, 0.98));
    --brand-mark-border: rgba(153, 198, 228, 0.18);
    --brand-mark-shadow: 0 18px 34px rgba(2, 7, 16, 0.42);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(76, 128, 168, 0.16);
    --tab-icon-chip-active: rgba(92, 152, 198, 0.32);
    --tab-icon-filter: brightness(0) saturate(100%) invert(81%) sepia(16%) saturate(740%) hue-rotate(165deg) brightness(103%) contrast(91%);
    --tab-icon-filter-active: brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(554%) hue-rotate(177deg) brightness(101%) contrast(104%);
    --button-active-bg: #77bdea;
    --button-active-text: #06111c;
    --toast-success-bg: rgba(137, 200, 120, 0.15);
    --toast-success-text: #a0f0b0;
    --toast-error-bg: rgba(220, 53, 69, 0.15);
    --toast-error-text: #ffb0b0;
}

[data-theme="pier"] {
    --bg: #0f1419;
    --surface: #181410;
    --border: #2a2210;
    --text-primary: #e8d8a8;
    --text-primary-dark: #f0e8c0;
    --text-secondary: #bfae73;
    --text-muted: #9a8652;
    --accent: #d8bb61;
    --accent-contrast: #0f1419;
    --done-bg: #0a0e12;
    --error: #d05040;
    --font-family: Georgia, 'Times New Roman', serif;
    --brand-mark-surface: linear-gradient(180deg, rgba(34, 27, 18, 0.98), rgba(16, 19, 23, 0.98));
    --brand-mark-border: rgba(200, 168, 76, 0.2);
    --brand-mark-shadow: 0 18px 34px rgba(0, 0, 0, 0.42);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(200, 168, 76, 0.16);
    --tab-icon-chip-active: rgba(200, 168, 76, 0.3);
    --tab-icon-filter: brightness(0) saturate(100%) invert(84%) sepia(24%) saturate(653%) hue-rotate(359deg) brightness(91%) contrast(86%);
    --tab-icon-filter-active: brightness(0) saturate(100%) invert(93%) sepia(20%) saturate(515%) hue-rotate(3deg) brightness(101%) contrast(96%);
    --button-active-bg: #d8bb61;
    --button-active-text: #0f1419;
    --toast-success-bg: rgba(200, 168, 76, 0.15);
    --toast-success-text: #d0f0a0;
    --toast-error-bg: rgba(208, 80, 64, 0.15);
    --toast-error-text: #ffc0a0;
}

[data-theme="mangrove"] {
    --bg: #091310;
    --surface: #122018;
    --border: #1e3c28;
    --text-primary: #b8e0c4;
    --text-primary-dark: #cceedd;
    --text-secondary: #7fc795;
    --text-muted: #6ba97d;
    --accent: #69c981;
    --accent-contrast: #06110a;
    --done-bg: #060e08;
    --error: #e05050;
    --brand-mark-surface: linear-gradient(180deg, rgba(18, 32, 24, 0.98), rgba(9, 19, 16, 0.98));
    --brand-mark-border: rgba(150, 220, 170, 0.18);
    --brand-mark-shadow: 0 18px 34px rgba(0, 4, 2, 0.42);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(42, 138, 72, 0.16);
    --tab-icon-chip-active: rgba(56, 168, 88, 0.32);
    --tab-icon-filter: brightness(0) saturate(100%) invert(82%) sepia(23%) saturate(467%) hue-rotate(88deg) brightness(94%) contrast(91%);
    --tab-icon-filter-active: brightness(0) saturate(100%) invert(95%) sepia(11%) saturate(516%) hue-rotate(88deg) brightness(103%) contrast(91%);
    --button-active-bg: #69c981;
    --button-active-text: #06110a;
    --toast-success-bg: rgba(42, 138, 72, 0.15);
    --toast-success-text: #a0f0d0;
    --toast-error-bg: rgba(224, 80, 80, 0.15);
    --toast-error-text: #ffb0a0;
}

[data-theme="abyssus"] {
    --bg: #0c0720;
    --surface: #160e30;
    --border: #241648;
    --text-primary: #ccc0f0;
    --text-primary-dark: #e0d4ff;
    --text-secondary: #aa95e8;
    --text-muted: #8f78d2;
    --accent: #a076ff;
    --accent-contrast: #080312;
    --done-bg: #090518;
    --error: #e05050;
    --brand-mark-surface: linear-gradient(180deg, rgba(22, 14, 48, 0.98), rgba(12, 7, 32, 0.98));
    --brand-mark-border: rgba(192, 172, 240, 0.18);
    --brand-mark-shadow: 0 18px 34px rgba(2, 0, 12, 0.48);
    --brand-mark-filter: saturate(1.05) contrast(1);
    --tab-icon-chip: rgba(106, 56, 200, 0.16);
    --tab-icon-chip-active: rgba(124, 72, 220, 0.32);
    --tab-icon-filter: brightness(0) saturate(100%) invert(79%) sepia(21%) saturate(638%) hue-rotate(214deg) brightness(100%) contrast(89%);
    --tab-icon-filter-active: brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(731%) hue-rotate(207deg) brightness(103%) contrast(102%);
    --button-active-bg: #a076ff;
    --button-active-text: #080312;
    --toast-success-bg: rgba(106, 56, 200, 0.15);
    --toast-success-text: #b0f0e0;
    --toast-error-bg: rgba(224, 80, 80, 0.15);
    --toast-error-text: #ff9090;
}

[data-theme="monochrom-dark"] {
    --bg: #000000;
    --surface: #050505;
    --border: #1a1a1a;
    --text-primary: #ffffff;
    --text-primary-dark: #ffffff;
    --text-secondary: #cccccc;
    --text-muted: #808080;
    --accent: #ffffff;
    --accent-contrast: #000000;
    --done-bg: #0f0f0f;
    --error: #ff6b6b;
    --brand-mark-surface: linear-gradient(180deg, rgba(25, 25, 25, 0.98), rgba(5, 5, 5, 0.98));
    --brand-mark-border: rgba(255, 255, 255, 0.2);
    --brand-mark-shadow: 0 12px 24px rgba(0, 0, 0, 0.5);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(255, 255, 255, 0.12);
    --tab-icon-chip-active: rgba(255, 255, 255, 0.25);
    --tab-icon-filter: brightness(0) invert(88%);
    --tab-icon-filter-active: brightness(0) invert(100%);
    --button-active-bg: #ffffff;
    --button-active-text: #000000;
    --toast-success-bg: rgba(255, 255, 255, 0.12);
    --toast-success-text: #ffffff;
    --toast-error-bg: rgba(255, 107, 107, 0.15);
    --toast-error-text: #ff6b6b;
}

[data-theme="grauton-dark"] {
    --bg: #1a1a1a;
    --surface: #242424;
    --border: #3a3a3a;
    --text-primary: #e8e8e8;
    --text-primary-dark: #f5f5f5;
    --text-secondary: #b0b0b0;
    --text-muted: #9a9a9a;
    --accent: #d0d0d0;
    --done-bg: #0f0f0f;
    --error: #e05050;
    --brand-mark-surface: linear-gradient(180deg, rgba(42, 42, 42, 0.98), rgba(26, 26, 26, 0.98));
    --brand-mark-border: rgba(232, 232, 232, 0.15);
    --brand-mark-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    --brand-mark-filter: saturate(1) contrast(1);
    --tab-icon-chip: rgba(232, 232, 232, 0.12);
    --tab-icon-chip-active: rgba(232, 232, 232, 0.24);
    --tab-icon-filter: brightness(0) invert(82%);
    --tab-icon-filter-active: brightness(0) invert(96%);
    --button-active-bg: #e8e8e8;
    --button-active-text: #000000;
    --toast-success-bg: rgba(76, 175, 80, 0.15);
    --toast-success-text: #90ee90;
    --toast-error-bg: rgba(224, 80, 80, 0.15);
    --toast-error-text: #ff9999;
}