:root {
    color-scheme: light;
    --theme-page: #f4f6f9;
    --theme-surface: #ffffff;
    --theme-header: #103f6b;
    --theme-header-text: #ffffff;
    --theme-accent: #1769b5;
    --theme-accent-strong: #125fa5;
    --theme-on-accent: #ffffff;
    --theme-text: #233348;
    --theme-heading: #2d435b;
    --theme-secondary: #405b76;
    --theme-muted: #586b81;
    --theme-subtle: #5d6e83;
    --theme-line: #e2e7ee;
    --theme-input-line: #bcc9d8;
    --theme-selected: #eaf3fc;
    --theme-soft: #f3f7fb;
    --theme-track: #edf1f6;
    --theme-focus: #3983c9;
    --theme-decorative: #8198b1;
    --theme-info-bg: #e9f2ff;
    --theme-info-text: #215b9b;
    --theme-success-bg: #e6f5ef;
    --theme-success-text: #256b54;
    --theme-warning-bg: #fff5df;
    --theme-warning-text: #7d5916;
    --theme-cancelled-bg: #f2e9ed;
    --theme-cancelled-text: #80495d;
    --theme-error-bg: #fceced;
    --theme-error-text: #a13e45;
}
html[data-theme="dark"] {
    color-scheme: dark;
    --theme-page: #101722;
    --theme-surface: #1b2635;
    --theme-header: #0d1826;
    --theme-accent: #8cc4ff;
    --theme-accent-strong: #b5d9ff;
    --theme-on-accent: #102238;
    --theme-text: #e3ebf5;
    --theme-heading: #f0f5fc;
    --theme-secondary: #cad9e9;
    --theme-muted: #b3c2d3;
    --theme-subtle: #a3b5cb;
    --theme-line: #35465e;
    --theme-input-line: #536b86;
    --theme-selected: #253d58;
    --theme-soft: #213044;
    --theme-track: #2e4056;
    --theme-focus: #9ecfff;
    --theme-decorative: #7794b3;
    --theme-info-bg: #203e60;
    --theme-info-text: #b3d7ff;
    --theme-success-bg: #193d34;
    --theme-success-text: #a0e1c8;
    --theme-warning-bg: #483b20;
    --theme-warning-text: #f1d28e;
    --theme-cancelled-bg: #42303d;
    --theme-cancelled-text: #e4b7cc;
    --theme-error-bg: #4b2930;
    --theme-error-text: #ffc1c7;
}
html[data-theme="ocean"] {
    --theme-page: #eef7fa;
    --theme-header: #124d60;
    --theme-accent: #08778b;
    --theme-accent-strong: #075e70;
    --theme-heading: #214c5a;
    --theme-secondary: #355f6e;
    --theme-muted: #466a77;
    --theme-subtle: #526f7a;
    --theme-selected: #def2f6;
    --theme-soft: #eff8fa;
    --theme-line: #d3e6ec;
    --theme-input-line: #afcbd5;
    --theme-focus: #08778b;
}
html[data-theme="forest"] {
    --theme-page: #f1f6f1;
    --theme-header: #264c3c;
    --theme-accent: #286d50;
    --theme-accent-strong: #20563f;
    --theme-heading: #2b493b;
    --theme-secondary: #3e5f4e;
    --theme-muted: #506957;
    --theme-subtle: #5a6f60;
    --theme-selected: #e1efe5;
    --theme-soft: #f0f7f2;
    --theme-line: #d5e3d9;
    --theme-input-line: #b2c9b9;
    --theme-focus: #286d50;
}
.topbar, .brand { color: var(--theme-header-text); }
dialog { background: var(--theme-surface); color: var(--theme-text); }
select option { background: var(--theme-surface); color: var(--theme-text); }

:root{--theme-task-surface:#f3faf7;--theme-task-selected:#e2f2ec;--theme-task-line:#b8d7cb;--theme-task-accent:#286d56}
html[data-theme="dark"]{--theme-task-surface:#182c2b;--theme-task-selected:#213e38;--theme-task-line:#365c51;--theme-task-accent:#a0dfc5}
html[data-theme="ocean"]{--theme-task-surface:#eef9f6;--theme-task-selected:#daeee8;--theme-task-line:#b0d5ca;--theme-task-accent:#286d60}
html[data-theme="forest"]{--theme-task-surface:#f7f9f0;--theme-task-selected:#e9efd9;--theme-task-line:#c5d1aa;--theme-task-accent:#4b6632}