:root {
    --bg-primary: #f2f2f7;
    --card-bg: rgba(255, 255, 255, 0.82);
    --text-main: #000000;
    --text-sub: #8e8e93;
    --accent-blue: #007aff;
    --accent-orange: #ff9500;
    --accent-green: #34c759;
    --accent-red: #ff3b30;
    --glass-border: rgba(255, 255, 255, 0.45);
    --nav-bg: rgba(255, 255, 255, 0.82);
    --segment-bg: rgba(120, 120, 128, 0.16);
    --segment-active: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-primary: #000000;
        --card-bg: rgba(28, 28, 30, 0.82);
        --text-main: #ffffff;
        --text-sub: #98989d;
        --glass-border: rgba(255, 255, 255, 0.12);
        --nav-bg: rgba(28, 28, 30, 0.82);
        --segment-bg: rgba(120, 120, 128, 0.28);
        --segment-active: #636366;
    }
}