:root{
    --bg: #f5f7fb;
    --surface: #ffffff;
    --surface-2: #f0f3f9;
    --text: #18212f;
    --muted: #687385;
    --border: #dbe2ee;
    --primary: #1f5eff;
    --primary-strong: #174ad0;

    --space-2xs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 22px;
    --space-xl: 30px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 22px;
    --text-xl: 34px;

    --shadow-sm: 0 4px 16px rgba(17, 24, 39, 0.06);
}