:root,
[data-theme="dark"] {
color-scheme: dark;
--color-bg: #0e1d1b;
--color-surface: #162926;       /* cards, sheets */
--color-surface-2: #1e3531;     /* inputs, subtle areas */
--color-border: #29443f;
--color-text: #e7f6f2;
--color-text-muted: #9cbab3;
--color-primary: #4fd1b8;       /* mint */
--color-primary-strong: #80e2cf;
--color-primary-soft: #1a3f38;
--color-on-primary: #052620;
--color-accent: #ff9a88;        /* coral — friendly pop, never a warning */
--color-accent-soft: #40261f;
--color-accent-ink: #ffb4a6;
--color-careful: #f3c266;
--color-careful-soft: #352a14;
--color-overdue: #ff9a8a;
--color-overdue-soft: #45241f;
--color-error: #f0a69f;
--color-error-soft: #3d2624;
--color-good-strong: #80e2cf;
--color-good-soft: #1a3f38;
--color-good: #4fd1b8;
--color-on-good: #052620;
--hero-gradient: linear-gradient(135deg, #1c4a41, #1a3532, #45302a);
--color-hero-number: #ffffff;
--tone-teal: #4fd1b8;   --tone-teal-soft: #1a3f38;
--tone-coral: #ff9a88;  --tone-coral-soft: #40261f;
--tone-gold: #f3c266;   --tone-gold-soft: #352a14;
--tone-sky: #7fbcf2;    --tone-sky-soft: #1b3049;
--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.2);
--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.45);
--backdrop: rgba(0, 0, 0, 0.55);
}
[data-theme="mint"] {
color-scheme: light;
--color-bg: #f4fbf9;
--color-surface: #ffffff;
--color-surface-2: #e8f6f2;
--color-border: #d3ece5;
--color-text: #10302a;
--color-text-muted: #4a6862;
--color-primary: #0b7a6b;
--color-primary-strong: #09665a;
--color-primary-soft: #d5f3ec;
--color-on-primary: #ffffff;
--color-accent: #ff7a66;
--color-accent-soft: #ffe4de;
--color-accent-ink: #a63a28;
--color-careful: #865600;
--color-careful-soft: #fff1d1;
--color-overdue: #b4352a;
--color-overdue-soft: #fde4e0;
--color-error: #a8352c;
--color-error-soft: #fbe9e7;
--color-good-strong: #09665a;
--color-good-soft: #d5f3ec;
--color-good: #0b7a6b;
--color-on-good: #ffffff;
--hero-gradient: linear-gradient(135deg, #cff3ea, #e9f9f5, #ffe3dc);
--color-hero-number: #09584e;
--tone-teal: #0b927f;   --tone-teal-soft: #dcf4ef;
--tone-coral: #e5533d;  --tone-coral-soft: #ffe8e3;
--tone-gold: #b07000;   --tone-gold-soft: #fff3d9;
--tone-sky: #2f84cf;    --tone-sky-soft: #e2effb;
--shadow-card: 0 1px 2px rgba(16, 48, 42, 0.06), 0 4px 16px rgba(16, 48, 42, 0.07);
--shadow-sheet: 0 -8px 32px rgba(16, 48, 42, 0.16);
--backdrop: rgba(10, 30, 26, 0.4);
}
[data-theme="blue"] {
color-scheme: light;
--color-bg: #f4f8fe;
--color-surface: #ffffff;
--color-surface-2: #e6f0fc;
--color-border: #d4e4f6;
--color-text: #12253c;
--color-text-muted: #4b5f77;
--color-primary: #1b6ec2;
--color-primary-strong: #15589c;
--color-primary-soft: #dbeafb;
--color-on-primary: #ffffff;
--color-accent: #ffc93c;
--color-accent-soft: #ffe48a;
--color-accent-ink: #3f2f00;
--color-careful: #8a4f00;
--color-careful-soft: #ffecd6;
--color-overdue: #b4352a;
--color-overdue-soft: #fde4e0;
--color-error: #a8352c;
--color-error-soft: #fbe9e7;
--color-good-strong: #0b6b53;
--color-good-soft: #d8f3ea;
--color-good: #0e7d62;
--color-on-good: #ffffff;
--hero-gradient: linear-gradient(135deg, #d3e8ff, #eef6ff, #fff1c2);
--color-hero-number: #0f4a85;
--tone-teal: #10917b;   --tone-teal-soft: #dcf4ef;
--tone-coral: #d2581f;  --tone-coral-soft: #ffeadd;
--tone-gold: #a07400;   --tone-gold-soft: #fff4cc;
--tone-sky: #1b78d6;    --tone-sky-soft: #e0edfc;
--shadow-card: 0 1px 2px rgba(18, 37, 60, 0.06), 0 4px 16px rgba(18, 37, 60, 0.07);
--shadow-sheet: 0 -8px 32px rgba(18, 37, 60, 0.16);
--backdrop: rgba(12, 24, 40, 0.4);
}
[data-theme="dark-sky"] {
color-scheme: dark;
--color-bg: #0e1824;
--color-surface: #162434;
--color-surface-2: #1e3045;
--color-border: #2a4058;
--color-text: #e8f1fb;
--color-text-muted: #a2b8cf;
--color-primary: #7fbcf2;
--color-primary-strong: #a9d2f7;
--color-primary-soft: #1b3350;
--color-on-primary: #06213b;
--color-accent: #ff9a88;
--color-accent-soft: #40261f;
--color-accent-ink: #ffb4a6;
--color-careful: #f3c266;
--color-careful-soft: #352a14;
--color-overdue: #ff9a8a;
--color-overdue-soft: #45241f;
--color-error: #f0a69f;
--color-error-soft: #3d2624;
--color-good-strong: #80e2cf;
--color-good-soft: #1a3f38;
--color-good: #4fd1b8;
--color-on-good: #052620;
--hero-gradient: linear-gradient(135deg, #1d3a5a, #182b40, #3c2c2a);
--color-hero-number: #ffffff;
--tone-teal: #4fd1b8;   --tone-teal-soft: #1a3f38;
--tone-coral: #ff9a88;  --tone-coral-soft: #40261f;
--tone-gold: #f3c266;   --tone-gold-soft: #352a14;
--tone-sky: #7fbcf2;    --tone-sky-soft: #1b3350;
--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.2);
--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.45);
--backdrop: rgba(0, 0, 0, 0.55);
}
[data-theme="dark-blush"] {
color-scheme: dark;
--color-bg: #1b1416;
--color-surface: #261c1f;
--color-surface-2: #322529;
--color-border: #463237;
--color-text: #f8ecef;
--color-text-muted: #c7adb3;
--color-primary: #f2a7c0;       /* rose (a pink, never the coral-red of "overdue") */
--color-primary-strong: #f7c4d5;
--color-primary-soft: #45263a;
--color-on-primary: #3a0f22;
--color-accent: #4fd1b8;        /* mint pop */
--color-accent-soft: #1a3f38;
--color-accent-ink: #80e2cf;
--color-careful: #f3c266;
--color-careful-soft: #352a14;
--color-overdue: #ff9a8a;
--color-overdue-soft: #45241f;
--color-error: #f0a69f;
--color-error-soft: #3d2624;
--color-good-strong: #80e2cf;
--color-good-soft: #1a3f38;
--color-good: #4fd1b8;
--color-on-good: #052620;
--hero-gradient: linear-gradient(135deg, #47273b, #2d2024, #233a33);
--color-hero-number: #ffffff;
--tone-teal: #4fd1b8;   --tone-teal-soft: #1a3f38;
--tone-coral: #ff9a88;  --tone-coral-soft: #40261f;
--tone-gold: #f3c266;   --tone-gold-soft: #352a14;
--tone-sky: #8ec5f4;    --tone-sky-soft: #1d3049;
--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.2);
--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.45);
--backdrop: rgba(0, 0, 0, 0.55);
}
[data-theme="blush"] {
color-scheme: light;
--color-bg: #fdf6f8;
--color-surface: #ffffff;
--color-surface-2: #f9e8ee;
--color-border: #f0d5de;
--color-text: #3a1d29;
--color-text-muted: #6d4c58;
--color-primary: #b0396f;       /* deep rose (a pink, never the coral-red of "overdue") */
--color-primary-strong: #932d5c;
--color-primary-soft: #fbe0ec;
--color-on-primary: #ffffff;
--color-accent: #0b7a6b;        /* mint pop */
--color-accent-soft: #d5f3ec;
--color-accent-ink: #0a5f53;
--color-careful: #865600;
--color-careful-soft: #fff1d1;
--color-overdue: #b4352a;
--color-overdue-soft: #fde4e0;
--color-error: #a8352c;
--color-error-soft: #fbe9e7;
--color-good-strong: #09665a;
--color-good-soft: #d5f3ec;
--color-good: #0b7a6b;
--color-on-good: #ffffff;
--hero-gradient: linear-gradient(135deg, #fadbe8, #fdf0f5, #d9f3ec);
--color-hero-number: #852452;
--tone-teal: #0b927f;   --tone-teal-soft: #dcf4ef;
--tone-coral: #e5533d;  --tone-coral-soft: #ffe8e3;
--tone-gold: #b07000;   --tone-gold-soft: #fff3d9;
--tone-sky: #2f84cf;    --tone-sky-soft: #e2effb;
--shadow-card: 0 1px 2px rgba(58, 29, 41, 0.06), 0 4px 16px rgba(58, 29, 41, 0.07);
--shadow-sheet: 0 -8px 32px rgba(58, 29, 41, 0.16);
--backdrop: rgba(40, 18, 28, 0.4);
}