/* Farbdesigns zur Auswahl (Einstellungen > Design).
   Pinktuell ist der Standard und lebt in app.css; hier stehen nur die Alternativen.
   Jede Palette überschreibt dieselben Variablen wie die Theme-Blöcke in app.css, jeweils für
   Dunkel und Hell. Positiv/Negativ/Warnung/Info bleiben bewusst unangetastet: Grün und Rot
   bedeuten gemessene Bewegung und wandern nicht mit der Farbwelt.
   Der Selektor trägt zusätzlich "html", damit er die Akzent-Blöcke aus app.css
   (:root[data-theme][data-accent], gleiche Spezifität) sicher übertrifft.
   Im Hellen ist der Akzent dunkler gewählt, damit er als Text mindestens 4,5:1 erreicht. */

/* ── Matcha: Waldgrün und Limette ─────────────────────────────────────────── */
html:root[data-palette="matcha"][data-theme="dark"] {
    --paper: #0A1A14;
    --paper-raised: #10281F;
    --paper-sunk: #193A2E;
    --ink: #ECF7F0;
    --surface-2: #0D2119;
    --surface-3: #193A2E;
    --surface-hover: rgb(236 247 240 / 7%);
    --border-subtle: #173628;
    --border-strong: #24503F;
    --text-secondary: #BFD8CB;
    --text-muted: #8FB3A2;
    --text-faint: rgb(236 247 240 / 26%);
    --text-quiet: rgb(236 247 240 / 58%);
    --chart-grid: rgb(236 247 240 / 9%);
    --grid-line: rgb(236 247 240 / 8%);
    --brand-ink: #ECF7F0;
    --accent: #C6F432;
    --accent-bright: #DBFF6B;
    --accent-soft: rgb(198 244 50 / 16%);
    --on-accent: #0A1A14;
}

html:root[data-palette="matcha"][data-theme="light"] {
    --paper: #F1F6EE;
    --paper-raised: #FFFFFF;
    --paper-sunk: #E4EEDF;
    --ink: #0A1A14;
    --surface-2: #EAF1E6;
    --surface-3: #E4EEDF;
    --surface-hover: rgb(10 26 20 / 5%);
    --border-subtle: #E0EAD9;
    --border-strong: #D2E0CB;
    --text-secondary: #2E4A3B;
    --text-muted: #5A7466;
    --text-faint: rgb(10 26 20 / 24%);
    --text-quiet: rgb(10 26 20 / 62%);
    --chart-grid: rgb(10 26 20 / 8%);
    --grid-line: rgb(10 26 20 / 7%);
    --brand-ink: #0A1A14;
    --accent: #4D6A00;
    --accent-bright: #3D5500;
    --accent-soft: rgb(77 106 0 / 10%);
    --on-accent: #FFFFFF;
}

/* ── Mitternacht Amber: Graphit und Bernstein ───────────────────────────── */
html:root[data-palette="amber"][data-theme="dark"] {
    --paper: #0D1015;
    --paper-raised: #151A22;
    --paper-sunk: #202733;
    --ink: #F1F3F6;
    --surface-2: #11151B;
    --surface-3: #202733;
    --surface-hover: rgb(241 243 246 / 7%);
    --border-subtle: #1D2430;
    --border-strong: #2C3544;
    --text-secondary: #C9D0DB;
    --text-muted: #98A2B3;
    --text-faint: rgb(241 243 246 / 26%);
    --text-quiet: rgb(241 243 246 / 58%);
    --chart-grid: rgb(241 243 246 / 9%);
    --grid-line: rgb(241 243 246 / 8%);
    --brand-ink: #F1F3F6;
    --accent: #FFB020;
    --accent-bright: #FFC043;
    --accent-soft: rgb(255 176 32 / 16%);
    --on-accent: #0D1015;
}

html:root[data-palette="amber"][data-theme="light"] {
    --paper: #F5F4F1;
    --paper-raised: #FFFFFF;
    --paper-sunk: #ECEAE5;
    --ink: #0D1015;
    --surface-2: #F0EEEA;
    --surface-3: #ECEAE5;
    --surface-hover: rgb(13 16 21 / 5%);
    --border-subtle: #E6E3DC;
    --border-strong: #DDDAD2;
    --text-secondary: #344054;
    --text-muted: #667085;
    --text-faint: rgb(13 16 21 / 24%);
    --text-quiet: rgb(13 16 21 / 62%);
    --chart-grid: rgb(13 16 21 / 8%);
    --grid-line: rgb(13 16 21 / 7%);
    --brand-ink: #0D1015;
    --accent: #9A5B00;
    --accent-bright: #7A4800;
    --accent-soft: rgb(154 91 0 / 10%);
    --on-accent: #FFFFFF;
}

/* ── Lagune: Petrol und Cyan ──────────────────────────────────────────────── */
html:root[data-palette="lagune"][data-theme="dark"] {
    --paper: #06161F;
    --paper-raised: #0C2533;
    --paper-sunk: #133A50;
    --ink: #E8F6FB;
    --surface-2: #091E2A;
    --surface-3: #133A50;
    --surface-hover: rgb(232 246 251 / 7%);
    --border-subtle: #10303F;
    --border-strong: #1B4C68;
    --text-secondary: #BBD7E3;
    --text-muted: #8DB5C7;
    --text-faint: rgb(232 246 251 / 26%);
    --text-quiet: rgb(232 246 251 / 58%);
    --chart-grid: rgb(232 246 251 / 9%);
    --grid-line: rgb(232 246 251 / 8%);
    --brand-ink: #E8F6FB;
    --accent: #22E1FF;
    --accent-bright: #5DEBFF;
    --accent-soft: rgb(34 225 255 / 16%);
    --on-accent: #06161F;
}

html:root[data-palette="lagune"][data-theme="light"] {
    --paper: #EBF5F9;
    --paper-raised: #FFFFFF;
    --paper-sunk: #DCEDF4;
    --ink: #06161F;
    --surface-2: #E3F0F5;
    --surface-3: #DCEDF4;
    --surface-hover: rgb(6 22 31 / 5%);
    --border-subtle: #D6E8F0;
    --border-strong: #C9E1EC;
    --text-secondary: #26475A;
    --text-muted: #4F7487;
    --text-faint: rgb(6 22 31 / 24%);
    --text-quiet: rgb(6 22 31 / 62%);
    --chart-grid: rgb(6 22 31 / 8%);
    --grid-line: rgb(6 22 31 / 7%);
    --brand-ink: #06161F;
    --accent: #00708A;
    --accent-bright: #005A70;
    --accent-soft: rgb(0 112 138 / 10%);
    --on-accent: #FFFFFF;
}

/* ── Bordeaux Mint: Weinrot und Mint ──────────────────────────────────────── */
html:root[data-palette="bordeaux"][data-theme="dark"] {
    --paper: #180A12;
    --paper-raised: #26111D;
    --paper-sunk: #3A1A2C;
    --ink: #FBEFF4;
    --surface-2: #1F0E17;
    --surface-3: #3A1A2C;
    --surface-hover: rgb(251 239 244 / 7%);
    --border-subtle: #3A1A2C;
    --border-strong: #512640;
    --text-secondary: #E0C3D0;
    --text-muted: #C49AB0;
    --text-faint: rgb(251 239 244 / 26%);
    --text-quiet: rgb(251 239 244 / 58%);
    --chart-grid: rgb(251 239 244 / 9%);
    --grid-line: rgb(251 239 244 / 8%);
    --brand-ink: #FBEFF4;
    --accent: #3DF0C0;
    --accent-bright: #7BF5D6;
    --accent-soft: rgb(61 240 192 / 16%);
    --on-accent: #180A12;
}

html:root[data-palette="bordeaux"][data-theme="light"] {
    --paper: #FAF1F4;
    --paper-raised: #FFFFFF;
    --paper-sunk: #F3E3EA;
    --ink: #180A12;
    --surface-2: #F6E9EE;
    --surface-3: #F3E3EA;
    --surface-hover: rgb(24 10 18 / 5%);
    --border-subtle: #EFDCE4;
    --border-strong: #E8CFDA;
    --text-secondary: #5C2F46;
    --text-muted: #8A5B73;
    --text-faint: rgb(24 10 18 / 24%);
    --text-quiet: rgb(24 10 18 / 62%);
    --chart-grid: rgb(24 10 18 / 8%);
    --grid-line: rgb(24 10 18 / 7%);
    --brand-ink: #180A12;
    --accent: #007A5C;
    --accent-bright: #00614A;
    --accent-soft: rgb(0 122 92 / 10%);
    --on-accent: #FFFFFF;
}

/* ── Tinte Orange: Tintenblau und Orange ──────────────────────────────────── */
html:root[data-palette="orange"][data-theme="dark"] {
    --paper: #0B1626;
    --paper-raised: #122238;
    --paper-sunk: #1C3456;
    --ink: #EEF3FA;
    --surface-2: #0E1C30;
    --surface-3: #1C3456;
    --surface-hover: rgb(238 243 250 / 7%);
    --border-subtle: #1A2F4D;
    --border-strong: #284570;
    --text-secondary: #C5D2E6;
    --text-muted: #94A9C8;
    --text-faint: rgb(238 243 250 / 26%);
    --text-quiet: rgb(238 243 250 / 58%);
    --chart-grid: rgb(238 243 250 / 9%);
    --grid-line: rgb(238 243 250 / 8%);
    --brand-ink: #EEF3FA;
    --accent: #FF6B2C;
    --accent-bright: #FF8A55;
    --accent-soft: rgb(255 107 44 / 16%);
    --on-accent: #0B1626;
}

html:root[data-palette="orange"][data-theme="light"] {
    --paper: #F0F3F8;
    --paper-raised: #FFFFFF;
    --paper-sunk: #E3E9F3;
    --ink: #0B1626;
    --surface-2: #E9EDF5;
    --surface-3: #E3E9F3;
    --surface-hover: rgb(11 22 38 / 5%);
    --border-subtle: #DDE4F0;
    --border-strong: #D2DBEA;
    --text-secondary: #2A3B5A;
    --text-muted: #55688A;
    --text-faint: rgb(11 22 38 / 24%);
    --text-quiet: rgb(11 22 38 / 62%);
    --chart-grid: rgb(11 22 38 / 8%);
    --grid-line: rgb(11 22 38 / 7%);
    --brand-ink: #0B1626;
    --accent: #C2410C;
    --accent-bright: #9A3412;
    --accent-soft: rgb(194 65 12 / 10%);
    --on-accent: #FFFFFF;
}

/* ── Zehn Farbwelten (Übergabe 2026-11-09, TRADABILITY_FARBWELTEN_CLAUDE.md) ─────────────
   Werte 1:1 aus den Entwürfen; abgeleitete Rollen (Hover, starke Linie, zweite Textfarbe,
   heller Akzent) sind aus den Entwurfsfarben gemischt. Header-Rollen: --header-*. */

html:root[data-palette="navy-creme"][data-theme="dark"] {
    --paper: #101C2B;
    --paper-raised: #192A3D;
    --paper-sunk: #23374A;
    --ink: #F3EADB;
    --surface-2: #142334;
    --surface-3: #23374A;
    --surface-hover: rgb(243 234 219 / 7%);
    --border-subtle: #34465A;
    --border-strong: #69747E;
    --text-secondary: #D8D6D1;
    --text-muted: #B8BEC4;
    --text-faint: rgb(243 234 219 / 26%);
    --text-quiet: #B8BEC4;
    --chart-grid: rgb(243 234 219 / 9%);
    --grid-line: rgb(243 234 219 / 8%);
    --brand-ink: #F3EADB;
    --accent: #E69861;
    --accent-bright: #ECB288;
    --accent-soft: rgb(230 152 97 / 16%);
    --on-accent: #101A22;
    --header-background: #142235;
    --header-foreground: #F3EADB;
    --header-active-background: #34465A;
}

html:root[data-palette="navy-creme"][data-theme="light"] {
    --paper: #F2EBDD;
    --paper-raised: #FCF8F0;
    --paper-sunk: #E7DFD1;
    --ink: #172B42;
    --surface-2: #F7F2E6;
    --surface-3: #E7DFD1;
    --surface-hover: rgb(23 43 66 / 5%);
    --border-subtle: #D9CFBF;
    --border-strong: #A3A19C;
    --text-secondary: #334354;
    --text-muted: #56616B;
    --text-faint: rgb(23 43 66 / 26%);
    --text-quiet: #56616B;
    --chart-grid: rgb(23 43 66 / 8%);
    --grid-line: rgb(23 43 66 / 7%);
    --brand-ink: #172B42;
    --accent: #B94D23;
    --accent-bright: #983F1D;
    --accent-soft: rgb(185 77 35 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #172B42;
    --header-foreground: #FAF4E7;
    --header-active-background: #3C4F63;
}

html:root[data-palette="forest-copper"][data-theme="dark"] {
    --paper: #10231D;
    --paper-raised: #1A332A;
    --paper-sunk: #294639;
    --ink: #E8EBD8;
    --surface-2: #152B24;
    --surface-3: #294639;
    --surface-hover: rgb(232 235 216 / 7%);
    --border-subtle: #3A5546;
    --border-strong: #6B7F6F;
    --text-secondary: #CED8C3;
    --text-muted: #AEC1AA;
    --text-faint: rgb(232 235 216 / 26%);
    --text-quiet: #AEC1AA;
    --chart-grid: rgb(232 235 216 / 9%);
    --grid-line: rgb(232 235 216 / 8%);
    --brand-ink: #E8EBD8;
    --accent: #DDA06C;
    --accent-bright: #E6B891;
    --accent-soft: rgb(221 160 108 / 16%);
    --on-accent: #101A22;
    --header-background: #142A21;
    --header-foreground: #E8EBD8;
    --header-active-background: #3A5546;
}

html:root[data-palette="forest-copper"][data-theme="light"] {
    --paper: #EBEDE3;
    --paper-raised: #F7F5ED;
    --paper-sunk: #DFE5D5;
    --ink: #213C30;
    --surface-2: #F1F1E8;
    --surface-3: #DFE5D5;
    --surface-hover: rgb(33 60 48 / 5%);
    --border-subtle: #C8D0BF;
    --border-strong: #99A797;
    --text-secondary: #384E41;
    --text-muted: #546555;
    --text-faint: rgb(33 60 48 / 26%);
    --text-quiet: #546555;
    --chart-grid: rgb(33 60 48 / 8%);
    --grid-line: rgb(33 60 48 / 7%);
    --brand-ink: #213C30;
    --accent: #A84E2E;
    --accent-bright: #8A4026;
    --accent-soft: rgb(168 78 46 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #233D30;
    --header-foreground: #F0EFDF;
    --header-active-background: #47604B;
}

html:root[data-palette="espresso-apricot"][data-theme="dark"] {
    --paper: #231C19;
    --paper-raised: #332720;
    --paper-sunk: #45342B;
    --ink: #F0E2CF;
    --surface-2: #2B221C;
    --surface-3: #45342B;
    --surface-hover: rgb(240 226 207 / 7%);
    --border-subtle: #594336;
    --border-strong: #837061;
    --text-secondary: #DBCBB6;
    --text-muted: #C2AE97;
    --text-faint: rgb(240 226 207 / 26%);
    --text-quiet: #C2AE97;
    --chart-grid: rgb(240 226 207 / 9%);
    --grid-line: rgb(240 226 207 / 8%);
    --brand-ink: #F0E2CF;
    --accent: #E3A073;
    --accent-bright: #EAB896;
    --accent-soft: rgb(227 160 115 / 16%);
    --on-accent: #101A22;
    --header-background: #2B201B;
    --header-foreground: #F0E2CF;
    --header-active-background: #594336;
}

html:root[data-palette="espresso-apricot"][data-theme="light"] {
    --paper: #EFE4D7;
    --paper-raised: #FBF4EB;
    --paper-sunk: #E5D6C4;
    --ink: #3B2B25;
    --surface-2: #F5ECE1;
    --surface-3: #E5D6C4;
    --surface-hover: rgb(59 43 37 / 5%);
    --border-subtle: #D4C4B2;
    --border-strong: #A9998B;
    --text-secondary: #514037;
    --text-muted: #6C594E;
    --text-faint: rgb(59 43 37 / 26%);
    --text-quiet: #6C594E;
    --chart-grid: rgb(59 43 37 / 8%);
    --grid-line: rgb(59 43 37 / 7%);
    --brand-ink: #3B2B25;
    --accent: #98472E;
    --accent-bright: #7D3A26;
    --accent-soft: rgb(152 71 46 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #3E2D26;
    --header-foreground: #F8ECDB;
    --header-active-background: #695143;
}

html:root[data-palette="slate-ice"][data-theme="dark"] {
    --paper: #111D25;
    --paper-raised: #1A2C36;
    --paper-sunk: #29424C;
    --ink: #E6F1F4;
    --surface-2: #16242E;
    --surface-3: #29424C;
    --surface-hover: rgb(230 241 244 / 7%);
    --border-subtle: #39535D;
    --border-strong: #697F87;
    --text-secondary: #CEDDE2;
    --text-muted: #B0C5CB;
    --text-faint: rgb(230 241 244 / 26%);
    --text-quiet: #B0C5CB;
    --chart-grid: rgb(230 241 244 / 9%);
    --grid-line: rgb(230 241 244 / 8%);
    --brand-ink: #E6F1F4;
    --accent: #8BC9DB;
    --accent-bright: #A8D6E4;
    --accent-soft: rgb(139 201 219 / 16%);
    --on-accent: #101A22;
    --header-background: #15242D;
    --header-foreground: #E6F1F4;
    --header-active-background: #39535D;
}

html:root[data-palette="slate-ice"][data-theme="light"] {
    --paper: #EDF1F2;
    --paper-raised: #FAFCFC;
    --paper-sunk: #DDE6E8;
    --ink: #253840;
    --surface-2: #F4F6F7;
    --surface-3: #DDE6E8;
    --surface-hover: rgb(37 56 64 / 5%);
    --border-subtle: #C9D5DA;
    --border-strong: #9BA9AF;
    --text-secondary: #394D55;
    --text-muted: #52666F;
    --text-faint: rgb(37 56 64 / 26%);
    --text-quiet: #52666F;
    --chart-grid: rgb(37 56 64 / 8%);
    --grid-line: rgb(37 56 64 / 7%);
    --brand-ink: #253840;
    --accent: #116C86;
    --accent-bright: #0E596E;
    --accent-soft: rgb(17 108 134 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #21333D;
    --header-foreground: #EFF7F8;
    --header-active-background: #405A66;
}

html:root[data-palette="oxblood-sand"][data-theme="dark"] {
    --paper: #28151D;
    --paper-raised: #3A202B;
    --paper-sunk: #4F2D3A;
    --ink: #F4E6D6;
    --surface-2: #311A24;
    --surface-3: #4F2D3A;
    --surface-hover: rgb(244 230 214 / 7%);
    --border-subtle: #68404F;
    --border-strong: #8F6E75;
    --text-secondary: #E3CFC7;
    --text-muted: #CFB3B4;
    --text-faint: rgb(244 230 214 / 26%);
    --text-quiet: #CFB3B4;
    --chart-grid: rgb(244 230 214 / 9%);
    --grid-line: rgb(244 230 214 / 8%);
    --brand-ink: #F4E6D6;
    --accent: #D3B481;
    --accent-bright: #DEC7A0;
    --accent-soft: rgb(211 180 129 / 16%);
    --on-accent: #101A22;
    --header-background: #311A24;
    --header-foreground: #F4E6D6;
    --header-active-background: #68404F;
}

html:root[data-palette="oxblood-sand"][data-theme="light"] {
    --paper: #F2E8E1;
    --paper-raised: #FCF6F0;
    --paper-sunk: #E6D5CB;
    --ink: #472936;
    --surface-2: #F7EFE8;
    --surface-3: #E6D5CB;
    --surface-hover: rgb(71 41 54 / 5%);
    --border-subtle: #D5BEB5;
    --border-strong: #AD9491;
    --text-secondary: #593E4C;
    --text-muted: #705766;
    --text-faint: rgb(71 41 54 / 26%);
    --text-quiet: #705766;
    --chart-grid: rgb(71 41 54 / 8%);
    --grid-line: rgb(71 41 54 / 7%);
    --brand-ink: #472936;
    --accent: #883D4D;
    --accent-bright: #70323F;
    --accent-soft: rgb(136 61 77 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #43212F;
    --header-foreground: #FAEADF;
    --header-active-background: #68434F;
}

html:root[data-palette="ivory-cobalt"][data-theme="dark"] {
    --paper: #111B2D;
    --paper-raised: #1A2942;
    --paper-sunk: #293B59;
    --ink: #EDF0EC;
    --surface-2: #162238;
    --surface-3: #293B59;
    --surface-hover: rgb(237 240 236 / 7%);
    --border-subtle: #415472;
    --border-strong: #718094;
    --text-secondary: #D2DAE0;
    --text-muted: #B2C0D1;
    --text-faint: rgb(237 240 236 / 26%);
    --text-quiet: #B2C0D1;
    --chart-grid: rgb(237 240 236 / 9%);
    --grid-line: rgb(237 240 236 / 8%);
    --brand-ink: #EDF0EC;
    --accent: #9DB4F3;
    --accent-bright: #B6C7F6;
    --accent-soft: rgb(157 180 243 / 16%);
    --on-accent: #101A22;
    --header-background: #152136;
    --header-foreground: #EDF0EC;
    --header-active-background: #415472;
}

html:root[data-palette="ivory-cobalt"][data-theme="light"] {
    --paper: #EEEDE5;
    --paper-raised: #FAFAF5;
    --paper-sunk: #E1E5E6;
    --ink: #222D44;
    --surface-2: #F4F4ED;
    --surface-3: #E1E5E6;
    --surface-hover: rgb(34 45 68 / 5%);
    --border-subtle: #CBD3DA;
    --border-strong: #9CA5B0;
    --text-secondary: #38445A;
    --text-muted: #536174;
    --text-faint: rgb(34 45 68 / 26%);
    --text-quiet: #536174;
    --chart-grid: rgb(34 45 68 / 8%);
    --grid-line: rgb(34 45 68 / 7%);
    --brand-ink: #222D44;
    --accent: #354FB1;
    --accent-bright: #2B4191;
    --accent-soft: rgb(53 79 177 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #263853;
    --header-foreground: #F6F4E9;
    --header-active-background: #465D7B;
}

html:root[data-palette="aubergine-brass"][data-theme="dark"] {
    --paper: #201725;
    --paper-raised: #302235;
    --paper-sunk: #44314A;
    --ink: #EDE4D5;
    --surface-2: #281C2D;
    --surface-3: #44314A;
    --surface-hover: rgb(237 228 213 / 7%);
    --border-subtle: #5F4868;
    --border-strong: #877487;
    --text-secondary: #DBCECD;
    --text-muted: #C4B4C4;
    --text-faint: rgb(237 228 213 / 26%);
    --text-quiet: #C4B4C4;
    --chart-grid: rgb(237 228 213 / 9%);
    --grid-line: rgb(237 228 213 / 8%);
    --brand-ink: #EDE4D5;
    --accent: #D1B16C;
    --accent-bright: #DCC491;
    --accent-soft: rgb(209 177 108 / 16%);
    --on-accent: #101A22;
    --header-background: #271B2C;
    --header-foreground: #EDE4D5;
    --header-active-background: #5F4868;
}

html:root[data-palette="aubergine-brass"][data-theme="light"] {
    --paper: #EFE7E4;
    --paper-raised: #FAF4F0;
    --paper-sunk: #E1D4D0;
    --ink: #402E42;
    --surface-2: #F4EEEA;
    --surface-3: #E1D4D0;
    --surface-hover: rgb(64 46 66 / 5%);
    --border-subtle: #CDBECA;
    --border-strong: #A696A4;
    --text-secondary: #524054;
    --text-muted: #69556A;
    --text-faint: rgb(64 46 66 / 26%);
    --text-quiet: #69556A;
    --chart-grid: rgb(64 46 66 / 8%);
    --grid-line: rgb(64 46 66 / 7%);
    --brand-ink: #402E42;
    --accent: #886122;
    --accent-bright: #70501C;
    --accent-soft: rgb(136 97 34 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #39273E;
    --header-foreground: #F6ECD9;
    --header-active-background: #5E4663;
}

html:root[data-palette="petrol-terracotta"][data-theme="dark"] {
    --paper: #0E2527;
    --paper-raised: #18383A;
    --paper-sunk: #264C4C;
    --ink: #E8EDDE;
    --surface-2: #132E30;
    --surface-3: #264C4C;
    --surface-hover: rgb(232 237 222 / 7%);
    --border-subtle: #3B6560;
    --border-strong: #6B8B83;
    --text-secondary: #CDDBCF;
    --text-muted: #ABC6BD;
    --text-faint: rgb(232 237 222 / 26%);
    --text-quiet: #ABC6BD;
    --chart-grid: rgb(232 237 222 / 9%);
    --grid-line: rgb(232 237 222 / 8%);
    --brand-ink: #E8EDDE;
    --accent: #E39B7C;
    --accent-bright: #EAB49D;
    --accent-soft: rgb(227 155 124 / 16%);
    --on-accent: #101A22;
    --header-background: #122E30;
    --header-foreground: #E8EDDE;
    --header-active-background: #3B6560;
}

html:root[data-palette="petrol-terracotta"][data-theme="light"] {
    --paper: #E8EEEA;
    --paper-raised: #F7F9F3;
    --paper-sunk: #D9E3DC;
    --ink: #21413F;
    --surface-2: #F0F4EE;
    --surface-3: #D9E3DC;
    --surface-hover: rgb(33 65 63 / 5%);
    --border-subtle: #BDD0C8;
    --border-strong: #91A8A2;
    --text-secondary: #36534F;
    --text-muted: #506863;
    --text-faint: rgb(33 65 63 / 26%);
    --text-quiet: #506863;
    --chart-grid: rgb(33 65 63 / 8%);
    --grid-line: rgb(33 65 63 / 7%);
    --brand-ink: #21413F;
    --accent: #A44631;
    --accent-bright: #863928;
    --accent-soft: rgb(164 70 49 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #183C3D;
    --header-foreground: #EEF0DF;
    --header-active-background: #3A5E5B;
}

html:root[data-palette="graphite-olive"][data-theme="dark"] {
    --paper: #191E1A;
    --paper-raised: #252F27;
    --paper-sunk: #354238;
    --ink: #E7EBD7;
    --surface-2: #1F2620;
    --surface-3: #354238;
    --surface-hover: rgb(231 235 215 / 7%);
    --border-subtle: #4A5C4D;
    --border-strong: #768474;
    --text-secondary: #D1D9C3;
    --text-muted: #B6C2AB;
    --text-faint: rgb(231 235 215 / 26%);
    --text-quiet: #B6C2AB;
    --chart-grid: rgb(231 235 215 / 9%);
    --grid-line: rgb(231 235 215 / 8%);
    --brand-ink: #E7EBD7;
    --accent: #C3D58A;
    --accent-bright: #D2E0A7;
    --accent-soft: rgb(195 213 138 / 16%);
    --on-accent: #101A22;
    --header-background: #202821;
    --header-foreground: #E7EBD7;
    --header-active-background: #4A5C4D;
}

html:root[data-palette="graphite-olive"][data-theme="light"] {
    --paper: #ECEDE6;
    --paper-raised: #FAFBF5;
    --paper-sunk: #DEE2D4;
    --ink: #293126;
    --surface-2: #F3F4EE;
    --surface-3: #DEE2D4;
    --surface-hover: rgb(41 49 38 / 5%);
    --border-subtle: #C9D0BB;
    --border-strong: #9CA391;
    --text-secondary: #3F4838;
    --text-muted: #59644E;
    --text-faint: rgb(41 49 38 / 26%);
    --text-quiet: #59644E;
    --chart-grid: rgb(41 49 38 / 8%);
    --grid-line: rgb(41 49 38 / 7%);
    --brand-ink: #293126;
    --accent: #566A24;
    --accent-bright: #47571E;
    --accent-soft: rgb(86 106 36 / 10%);
    --on-accent: #FFFFFF;
    --header-background: #252E26;
    --header-foreground: #EDF0DF;
    --header-active-background: #485540;
}