:root {
    color-scheme: light;
    --bg: #f7f4ee;
    --surface: #fffdf8;
    --surface-alt: #eef7f4;
    --text: #1d1b18;
    --muted: #666158;
    --border: #ddd5c8;
    --border-muted: rgba(102, 97, 88, 0.22);
    --accent: #176b62;
    --accent-strong: #0f4e48;
    --warm: #a9562a;
    --danger: #a43d3d;
    --shadow: 0 18px 45px rgba(32, 28, 22, 0.08);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --bg: #151514;
        --surface: #20211f;
        --surface-alt: #1e2b29;
        --text: #f1eee7;
        --muted: #b8b2a8;
        --border: #3d3a34;
        --border-muted: rgba(184, 178, 168, 0.22);
        --accent: #7dcbbd;
        --accent-strong: #a2e4d7;
        --warm: #e39a68;
        --danger: #e28d8d;
        --shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #151514;
    --surface: #20211f;
    --surface-alt: #1e2b29;
    --text: #f1eee7;
    --muted: #b8b2a8;
    --border: #3d3a34;
    --border-muted: rgba(184, 178, 168, 0.22);
    --accent: #7dcbbd;
    --accent-strong: #a2e4d7;
    --warm: #e39a68;
    --danger: #e28d8d;
    --shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

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