:root[data-theme="light"] {
    --theme-color-scheme: light;
    --theme-background: #f7f8fa;
    --theme-surface: #ffffff;
    --theme-surface-subtle: #f1f6fb;
    --theme-surface-hover: #eef2f7;
    --theme-surface-muted: #e4e7ec;
    --theme-surface-selected: #edf6ff;
    --theme-surface-disabled: #e5e8ed;
    --theme-floating-surface: rgb(255 255 255 / 96%);
    --theme-heading: #14213d;
    --theme-text: #172033;
    --theme-text-muted: #657188;
    --theme-text-subtle: #4d5a70;
    --theme-text-disabled: #8d98a8;
    --theme-border: #d9dee8;
    --theme-border-soft: #edf0f5;
    --theme-border-muted: #e0e5ee;
    --theme-border-strong: #c8d0dc;
    --theme-primary: #226fb3;
    --theme-primary-strong: #195f9d;
    --theme-primary-action: #226fb3;
    --theme-on-primary-action: #ffffff;
    --theme-primary-surface: #eef6fd;
    --theme-primary-surface-strong: #eaf2fb;
    --theme-primary-border: #b9d4ee;
    --theme-success: #237a4b;
    --theme-success-surface: #edf8f0;
    --theme-success-border: #8bc4a7;
    --theme-danger: #b42318;
    --theme-error: #9f1c13;
    --theme-danger-surface: #fff1f0;
    --theme-danger-surface-strong: #ffebe8;
    --theme-danger-border: #e7aaa4;
    --theme-warning: #8a6914;
    --theme-warning-surface: #fff7d6;
    --theme-success-strong: #17663a;
    --theme-purple: #6842a3;
    --theme-purple-surface: #f2ecff;
    --theme-muted-accent: #7b8494;
    --theme-disabled: #98a1b1;
    --theme-on-accent: #ffffff;
    --theme-text-rgb: 23 32 51;
    --theme-background-rgb: 247 248 250;
    --theme-shadow-rgb: 20 33 61;
    --theme-success-rgb: 35 122 75;
    --theme-danger-rgb: 180 35 24;
    --theme-info-rgb: 34 111 179;
    --theme-backdrop: rgb(20 33 61 / 58%);
    --theme-backdrop-soft: rgb(20 33 61 / 42%);
    --theme-confirmation-backdrop: rgb(20 33 61 / 48%);
    --theme-confirmation-background: linear-gradient(145deg, rgb(255 255 255 / 99%), rgb(247 248 250 / 99%));
    --theme-timer-background:
        radial-gradient(circle at 50% 43%, rgb(34 111 179 / 8%), transparent 37%),
        linear-gradient(160deg, rgb(255 255 255 / 99%), rgb(247 248 250 / 99%) 55%);
    --theme-timer-countdown: #14213d;
    --theme-timer-accent: #195f9d;
    --theme-timer-accent-rgb: 34 111 179;
    --theme-timer-border-rgb: 34 111 179;
    --theme-timer-glow-rgb: 34 111 179;
    --theme-number-wheel-background: #ffffff;
    --theme-number-wheel-background-rgb: 255 255 255;
}

:root,
:root[data-theme="dark"] {
    --theme-color-scheme: dark;
    --theme-background: #000000;
    --theme-surface: #171716;
    --theme-surface-subtle: #111110;
    --theme-surface-hover: #222220;
    --theme-surface-muted: #20201f;
    --theme-surface-selected: #111a20;
    --theme-surface-disabled: #262624;
    --theme-floating-surface: rgb(23 23 22 / 96%);
    --theme-heading: #d7d7d7;
    --theme-text: #d7d7d7;
    --theme-text-muted: #c9c7c1;
    --theme-text-subtle: #aaa9a4;
    --theme-text-disabled: #777772;
    --theme-border: #353532;
    --theme-border-soft: #292927;
    --theme-border-muted: #30302e;
    --theme-border-strong: #555550;
    --theme-primary: #a8c4dc;
    --theme-primary-strong: #b5d3de;
    --theme-primary-action: #3f75a2;
    --theme-on-primary-action: #ffffff;
    --theme-primary-surface: #111a20;
    --theme-primary-surface-strong: #18242d;
    --theme-primary-border: #66839b;
    --theme-success: #9dc6ad;
    --theme-success-surface: #101813;
    --theme-success-border: #52705e;
    --theme-danger: #d9a19a;
    --theme-error: #e2aaaa;
    --theme-danger-surface: #1d1211;
    --theme-danger-surface-strong: #291615;
    --theme-danger-border: #7a4843;
    --theme-warning: #d9c18e;
    --theme-warning-surface: #231f13;
    --theme-success-strong: #9dc6ad;
    --theme-purple: #c4ace8;
    --theme-purple-surface: #1c1625;
    --theme-muted-accent: #777772;
    --theme-disabled: #5e5e5a;
    --theme-on-accent: #000000;
    --theme-text-rgb: 215 215 215;
    --theme-background-rgb: 0 0 0;
    --theme-shadow-rgb: 0 0 0;
    --theme-success-rgb: 157 198 173;
    --theme-danger-rgb: 217 161 154;
    --theme-info-rgb: 168 196 220;
    --theme-backdrop: rgb(0 0 0 / 68%);
    --theme-backdrop-soft: rgb(0 0 0 / 58%);
    --theme-confirmation-backdrop: rgb(0 0 0 / 82%);
    --theme-confirmation-background: linear-gradient(145deg, rgb(23 23 22 / 97%), rgb(5 5 5 / 98%));
    --theme-timer-background:
        radial-gradient(circle at 50% 43%, rgb(125 179 205 / 9%), transparent 37%),
        linear-gradient(160deg, rgb(16 20 22 / 98%), rgb(2 3 4 / 99%) 55%);
    --theme-timer-countdown: rgb(225 231 232);
    --theme-timer-accent: rgb(181 211 222);
    --theme-timer-accent-rgb: 157 193 211;
    --theme-timer-border-rgb: 166 197 220;
    --theme-timer-glow-rgb: 142 197 220;
    --theme-number-wheel-background: #000000;
    --theme-number-wheel-background-rgb: 0 0 0;
}