:root {
    --color-primary: #2563EB;
    --color-primary-dark: #1E3A8A;
    --color-primary-soft: #DBEAFE;
    --color-secondary: #60A5FA;

    --color-bg: #F8FAFC;
    --color-surface: #FFFFFF;
    --color-text: #1E293B;
    --color-muted: #64748B;
    --color-border: #E2E8F0;

    --color-success-bg: #DCFCE7;
    --color-success-text: #166534;
    --color-error-bg: #FEE2E2;
    --color-error-text: #991B1B;
    --color-warning-bg: #FEF3C7;
    --color-warning-text: #92400E;
    --color-info-bg: #DBEAFE;
    --color-info-text: #1E40AF;

    --shadow-soft: 0 20px 50px rgba(15, 23, 42, 0.12);
    --radius-lg: 22px;
    --radius-md: 14px;
    --radius-sm: 10px;
}