:root {
    color-scheme: light;
    --background-color: #F4F6FB;
    --card-background: #FDFEFF;
    --surface-soft: #EDF1F8;
    --text-color: #0C1424;
    --muted: #51607A;
    --primary-color: #1A4FE0;
    --accent-color: #1A4FE0;
    --primary-hover: #153FBA;
    --border-color: #D2DAE8;
    --control-border: #7D8BA5;
    --light-text-color: #FDFEFF;
    --accent-tint: #E9EFFE;
    --success-bg-light: #E6F3ED;
    --success-text-light: #185D40;
    --error-bg-light: #FBE9E9;
    --error-text-light: #992B32;
    --info-bg-light: var(--accent-tint);
    --info-text-light: var(--primary-color);
    --admin-danger: var(--error-text-light);
    --admin-success: var(--success-text-light);
    --shadow-light: none;
    --shadow: 0 12px 40px rgb(32 37 46 / 12%);
    --radius: 16px;
    --radius-sm: 10px;
    --max-width: 1200px;
    --gutter: clamp(16px, 4vw, 56px);
    --page-heading-size: clamp(30px, 3.2vw, 42px);
    --section-heading-size: clamp(24px, 2.6vw, 32px);
    --section-space: clamp(40px, 7vw, 88px);
    --font-heading: 'Space Grotesk', system-ui, sans-serif;
    --font-body: 'Manrope', system-ui, sans-serif;
    --font-mono: 'Space Mono', monospace;
    --ease: cubic-bezier(.22, 1, .36, 1);
}
[data-theme='dark'] {
    color-scheme: dark;
    --background-color: #080D18;
    --card-background: #111B2E;
    --surface-soft: #19263E;
    --text-color: #F4F6FB;
    --muted: #B5C3DA;
    --primary-color: #8EB9FF;
    --accent-color: #8EB9FF;
    --primary-hover: #BDDAFF;
    --border-color: #425470;
    --control-border: #8295B5;
    --light-text-color: #080D18;
    --accent-tint: #223B62;
    --success-bg-light: #183D2F;
    --success-text-light: #9FDFBC;
    --error-bg-light: #48282F;
    --error-text-light: #FFB5BB;
    --shadow: 0 12px 40px rgb(8 12 20 / 25%);
}