:root {
    --ds-primary: #173B68;
    --ds-primary-dark: #0E2748;
    --ds-primary-soft: #E8F0F8;
    --ds-surface: #F6F8FB;
    --ds-surface-alt: #EEF3F8;
    --ds-text: #172033;
    --ds-muted: #667085;
    --ds-border: #D8E0EA;
    --ds-accent: #D29A2E;
    --ds-success: #267A52;
    --ds-warning: #A46B16;
    --ds-danger: #B83A3A;
    --ds-space-xs: 4px;
    --ds-space-sm: 8px;
    --ds-space-md: 16px;
    --ds-space-lg: 24px;
    --ds-space-xl: 32px;
    --ds-radius-sm: 10px;
    --ds-radius-md: 16px;
    --ds-radius-lg: 22px;
    --ds-radius-pill: 999px;
    --ds-shadow-sm: 0 8px 24px rgba(14, 39, 72, .08);
    --ds-shadow-md: 0 16px 38px rgba(14, 39, 72, .12);
}