:root {
    color-scheme: light;
    --brand-950: #001a35;
    --brand-900: #002a54;
    --brand-800: #003d7a;
    --brand-700: #00539e;
    --brand-600: #0b6fb8;
    --brand-500: #2ea3dd;
    --brand-100: #eaf5fb;
    --brand-50: #f4fafe;
    --accent-600: #a6c43a;
    --accent-500: #b8d344;
    --accent-100: #eef7bd;
    --success-600: #168457;
    --danger-600: #c83232;
    --danger-100: #ffe2e2;
    --neutral-950: #0f172a;
    --neutral-900: #172033;
    --neutral-800: #1f2a3d;
    --neutral-700: #334155;
    --neutral-600: #526174;
    --neutral-500: #718096;
    --neutral-400: #94a3b8;
    --neutral-300: #c9d3df;
    --neutral-200: #dce3ea;
    --neutral-100: #edf2f6;
    --neutral-50: #f8fafc;
    --white: #ffffff;
    --surface: #ffffff;
    --surface-subtle: #f8fafc;
    --surface-blue: #f3f8fc;
    --line: #dfe6ed;
    --line-strong: #c7d2de;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.045);
    --shadow-sm: 0 10px 28px -22px rgba(15, 23, 42, 0.32);
    --shadow-md: 0 22px 54px -36px rgba(0, 42, 84, 0.42);
    --shadow-modal: 0 28px 80px -24px rgba(15, 23, 42, 0.36);
    --focus-ring: 0 0 0 3px rgba(184, 211, 68, 0.42);
    --container: 1200px;
    --header-height: 76px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --motion-fast: 180ms;
    --motion-base: 220ms;
    --motion-enter: 360ms;
    --section-space: 80px;
}