/* @preview #000000 #111111 #FFE14D */
/* Hoher Kontrast (Barrierefreiheit) */
:root[data-theme="contrast"] {
    color-scheme: dark;
    --bg: #000000;
    --bg-elevated: #0D0D0D;
    --surface: #0D0D0D;
    --surface-2: #111111;
    --surface-3: #1F1F1F;
    --border: #FFFFFF;
    --line: #FFFFFF;
    --text: #FFFFFF;
    --text-muted: #E6E6E6;
    --text-faint: #CCCCCC;
    --heading: #FFE14D;
    --brand: #FFE14D;
    --brand-strong: #FFF09A;
    --brand-contrast: #000000;
    --nav-text: #FFE14D;
    --nav-active-bg: #333300;
    --nav-hover-bg: #1F1F1F;
    --title-box-bg: #1F1F1F;
    --btn-primary-bg: #FFE14D;
    --btn-primary-text: #000000;
    --btn-secondary-bg: #FFFFFF;
    --btn-secondary-text: #000000;
    --sheet-bg: #111111;
    --sheet-text: #FFFFFF;
    --sheet-line: #FFFFFF;
    --income: #5CFF8F;
    --expense: #FF8080;
    --income-on-sheet: #5CFF8F;
    --expense-on-sheet: #FF8080;
    --pill-bg: #FFE14D;
    --pill-text: #000000;
    --progress-bg: #333333;
    --progress-fill: #5CFF8F;
    --donut-center: #000000;
    --donut-center-text: #FFFFFF;
    --donut-empty: #333333;
    --chart-income: #5CFF8F;
    --chart-expense: #FF8080;
    --chart-brand: #FFE14D;
    --chart-grid: rgba(255, 255, 255, 0.3);
    --toggle-off: #777777;
    --toggle-on: #FFE14D;
    --danger: #FF8080;
    --danger-bg: #330000;
    --warn: #FFE14D;
    --warn-bg: #333300;
    --success: #5CFF8F;
    --focus: #FFE14D;
    --overlay: rgba(0, 0, 0, 0.85);
    --shadow: 0 0 0 1px #FFFFFF;
    --text-shadow-sheet: none;
}

/* @preview #16181F #23273A #37BDDE */
/* Standard-Design „Rehluchs Dunkel" – Farben aus den Mockups.
   Neues Design: Datei kopieren, umbenennen (z.B. forest.css), Selektor
   anpassen und in locales/*.json unter "themes" einen Namen eintragen. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #16181F;
    --bg-elevated: #23273A;
    --surface: #23273A;
    --surface-2: #2F3036;
    --surface-3: #3A3C46;
    --border: rgba(255, 255, 255, 0.10);
    --line: #4A4C55;
    --text: #FFFFFF;
    --text-muted: #A9AEC6;
    --text-faint: #7C8199;
    --heading: #37BDDE;
    --brand: #37BDDE;
    --brand-strong: #5CD0EC;
    --brand-contrast: #0E2A33;
    --nav-text: #37BDDE;
    --nav-active-bg: #3A3F55;
    --nav-hover-bg: #2E3348;
    --title-box-bg: #3D3F52;
    --btn-primary-bg: #41477F;
    --btn-primary-text: #D5D7E6;
    --btn-secondary-bg: #C2C4D6;
    --btn-secondary-text: #3E447B;
    --sheet-bg: #8A91AF;
    --sheet-text: #1B2470;
    --sheet-line: rgba(255, 255, 255, 0.45);
    --income: #4ADE80;
    --expense: #FF6B6B;
    --income-on-sheet: #1E6B33;
    --expense-on-sheet: #C8001C;
    --pill-bg: #7FC4B4;
    --pill-text: #11302B;
    --progress-bg: #C3DBD9;
    --progress-fill: #4FADA6;
    --donut-center: #D9D9D9;
    --donut-center-text: #111111;
    --donut-empty: #3A3C46;
    --chart-income: #4FADA6;
    --chart-expense: #E46A8C;
    --chart-brand: #37BDDE;
    --chart-grid: rgba(255, 255, 255, 0.08);
    --toggle-off: #6B6E78;
    --toggle-on: #37BDDE;
    --danger: #FF6B6B;
    --danger-bg: rgba(255, 107, 107, 0.12);
    --warn: #F7D88A;
    --warn-bg: rgba(247, 216, 138, 0.12);
    --success: #4ADE80;
    --focus: #8BE9F5;
    --overlay: rgba(8, 9, 14, 0.7);
    --shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
    --text-shadow-sheet: 0 2px 4px rgba(0, 0, 0, 0.25);
}

/* @preview #F4F5FA #FFFFFF #1C93B3 */
/* Helles Design */
:root[data-theme="light"] {
    color-scheme: light;
    --bg: #F4F5FA;
    --bg-elevated: #FFFFFF;
    --surface: #FFFFFF;
    --surface-2: #FFFFFF;
    --surface-3: #EEF0F6;
    --border: rgba(20, 24, 40, 0.10);
    --line: #D5D8E3;
    --text: #1A1D29;
    --text-muted: #565C75;
    --text-faint: #80869C;
    --heading: #157F9B;
    --brand: #1C93B3;
    --brand-strong: #157F9B;
    --brand-contrast: #FFFFFF;
    --nav-text: #157F9B;
    --nav-active-bg: #E1F4F9;
    --nav-hover-bg: #EEF0F6;
    --title-box-bg: #E6E8F2;
    --btn-primary-bg: #41477F;
    --btn-primary-text: #FFFFFF;
    --btn-secondary-bg: #E1E3EE;
    --btn-secondary-text: #2E3470;
    --sheet-bg: #E6E8F2;
    --sheet-text: #1B2470;
    --sheet-line: #C9CCDA;
    --income: #15803D;
    --expense: #C81E3A;
    --income-on-sheet: #15803D;
    --expense-on-sheet: #C81E3A;
    --pill-bg: #BFE6DC;
    --pill-text: #11302B;
    --progress-bg: #DDEBEA;
    --progress-fill: #3C978F;
    --donut-center: #EEF0F6;
    --donut-center-text: #1A1D29;
    --donut-empty: #E1E3EE;
    --chart-income: #3C978F;
    --chart-expense: #D64F78;
    --chart-brand: #1C93B3;
    --chart-grid: rgba(20, 24, 40, 0.08);
    --toggle-off: #B8BCCB;
    --toggle-on: #1C93B3;
    --danger: #C81E3A;
    --danger-bg: rgba(200, 30, 58, 0.08);
    --warn: #8A6100;
    --warn-bg: rgba(247, 190, 50, 0.16);
    --success: #15803D;
    --focus: #1C93B3;
    --overlay: rgba(20, 24, 40, 0.45);
    --shadow: 0 8px 30px rgba(20, 24, 40, 0.12);
    --text-shadow-sheet: none;
}