:root {
    --color-primary: #2346bf;
    --color-primary-strong: #153a8a;
    --color-primary-soft: #eaf1ff;
    --color-accent: #2d55da;
    --color-navy: #0d1a3a;
    --color-navy-2: #11275c;
    --color-bg: #eef3fb;
    --color-surface: #ffffff;
    --color-border: #d7e1f0;
    --color-text: #10224d;
    --color-text-soft: #6d7f9f;
    --shadow-card: 0 16px 34px rgba(17, 34, 78, 0.08);
    --radius-xl: 22px;
    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 12px;
    --color-success: #166534;
    --color-warning: #8a5a00;
    --color-error: #b42318;
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --shadow-modal: 0 18px 60px rgba(12, 29, 74, 0.25);
    --transition-fast: 0.18s ease;
    --z-modal: 9998;
    --z-loading: 9999;
}