:root {
    --color-bg: #fff;
    --color-surface: #f2f2f2;
    --color-text: #10141c;
    --color-muted: #5c6570;
    --color-border: #e6e8ec;
    --color-primary: #c3ea58;
    --color-primary-hover: #b6dc4c;
    --color-primary-text: #0c191f;
    --color-accent: #2cb572;
    --color-icon: #0e2a4a;
    --color-dark: #072235;
    --color-dark-text: #fff;
    --font-base: Inter, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
    --text-xs: 12px; --text-sm: 14px; --text-md: 16px; --text-lg: 18px;
    --text-xl: 22px; --text-2xl: 28px; --text-3xl: 36px; --text-4xl: 52px;
    --line-tight: 1.15; --line-base: 1.5;
    --weight-regular: 400; --weight-bold: 700;
    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
    --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 80px;
    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;
    --shadow-sm: 0 1px 3px rgba(15, 27, 45, .08);
    --shadow-md: 0 8px 24px rgba(15, 27, 45, .10);
    --container: 1240px; --container-pad: 24px; --header-h: 68px;
    --btn-h: 48px; --btn-pad-x: 24px; --btn-radius: var(--radius-sm);
    --card-radius: var(--radius-md); --card-pad: var(--space-5);
    --ease: ease; --dur-fast: .2s; --dur-base: .35s;
}