:root {
    color-scheme: light dark;
    --bg: #faf4ed;
    --bg-start: #faf4ee;
    --bg-end: #f3ede6;
    --surface: #faf5ee;
    --surface-alpha: rgba(250, 245, 238, 0.82);
    --sidebar-bg: rgba(250, 245, 238, 0.94);
    --surface-strong: #e2dddc;
    --surface-muted: #eae4e1;
    --text: #575279;
    --muted: #9b96aa;
    --border: #dfd9d9;
    --accent: #56949f;
    --accent-strong: #907aa9;
    --accent-soft: #e0e5e1;
    --code-bg: #e2dddc;
    --code-text: #575279;
    --shadow: 0 16px 40px rgba(87, 82, 121, 0.08);
    --table-stripe: rgba(86, 148, 159, 0.04);
}

[data-theme="light"] {
    color-scheme: light;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg: #191724;
    --bg-start: #22202d;
    --bg-end: #181723;
    --surface: #201e2b;
    --surface-alpha: rgba(32, 30, 43, 0.88);
    --sidebar-bg: rgba(32, 30, 43, 0.94);
    --surface-strong: #312e3f;
    --surface-muted: #282636;
    --text: #e0def4;
    --muted: #8c8a9d;
    --border: #373446;
    --accent: #9ccfd8;
    --accent-strong: #c4a7e7;
    --accent-soft: #313844;
    --code-bg: #312e3f;
    --code-text: #e0def4;
    --shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
    --table-stripe: rgba(156, 207, 216, 0.07);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
    --bg: #191724;
    --bg-start: #22202d;
    --bg-end: #181723;
    --surface: #201e2b;
    --surface-alpha: rgba(32, 30, 43, 0.88);
    --sidebar-bg: rgba(32, 30, 43, 0.94);
    --surface-strong: #312e3f;
    --surface-muted: #282636;
    --text: #e0def4;
    --muted: #8c8a9d;
    --border: #373446;
    --accent: #9ccfd8;
    --accent-strong: #c4a7e7;
    --accent-soft: #313844;
    --code-bg: #312e3f;
    --code-text: #e0def4;
    --shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
    --table-stripe: rgba(156, 207, 216, 0.07);
    }
}