:root {
    color-scheme: light;
    --color-bg: #ffffff;
    --color-surface: #f5f7fb;
    --color-surface-strong: #edf3fc;
    --color-text: #0b0b0f;
    --color-muted: #62636c;
    --color-subtle: #8a8c95;
    --color-line: rgba(15, 23, 42, 0.1);
    --color-line-strong: rgba(15, 23, 42, 0.16);
    --color-accent: #0071e3;
    --color-accent-dark: #0059b8;
    --color-accent-soft: #e8f2ff;
    --glass-fill: rgba(255, 255, 255, 0.72);
    --glass-fill-strong: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(255, 255, 255, 0.88);
    --shadow-glass: 0 18px 52px rgba(31, 50, 81, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.96);
    --shadow-card: 0 24px 60px rgba(34, 49, 74, 0.1);
    --radius-control: 999px;
    --radius-card: 28px;
    --radius-panel: 36px;
    --container: 1248px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --section-space: clamp(6.5rem, 10vw, 10rem);
}