:root {
    color-scheme: light;
    --bg-page: #FAF7F2;
    --bg-card: #FFFFFF;
    --bg-subtle: #F3EFE6;
    --bg-read: #F5F2EB;
    --text-main: #1F1F1F;
    --text-muted: #6E655F;
    --border-color: #E6DFD3;
    --accent: #7A3B2E;
    --verse-num-color: #8C7A6B;
    --accent-soft: rgba(122, 59, 46, 0.10);
    --check-active: #3B6E4C;
    --shadow-card: 0 4px 20px rgba(44, 38, 35, 0.04);
    --font-scale: 1;
    --radius-card: 14px;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg-page: #131314;
    --bg-card: #1E1F20;
    --bg-subtle: #282A2C;
    --bg-read: #18191A;
    --text-main: #E3E3E3;
    --text-muted: #9AA0A6;
    --border-color: #333537;
    --accent: #D4A373;
    --verse-num-color: #8A7256;
    --accent-soft: rgba(212, 163, 115, 0.14);
    --check-active: #68A378;
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
}