:root {
    --a2-color-primary: #1f4f8f;
    --a2-color-primary-strong: #173b6a;
    --a2-color-accent: #0f9d8b;
    --a2-color-surface: #ffffff;
    --a2-color-page: #f4f7fb;
    --a2-color-text: #172033;
    --a2-color-muted: #5f6f85;
    --a2-color-border: #d7e0e8;
    --a2-color-subtle: #f8fbfd;
    --a2-color-danger: #c63d4d;
    --a2-color-warning: #b76b00;
    --a2-color-success: #18794e;
    --a2-radius-sm: 8px;
    --a2-radius-md: 12px;
    --a2-radius-lg: 18px;
    --a2-shadow-sm: 0 2px 8px rgba(23, 32, 51, 0.08);
    --a2-shadow-md: 0 10px 30px rgba(23, 32, 51, 0.12);
    --a2-focus-ring: 0 0 0 3px rgba(31, 79, 143, 0.28);
    --a2-space-1: 4px;
    --a2-space-2: 8px;
    --a2-space-3: 12px;
    --a2-space-4: 16px;
    --a2-space-5: 20px;
}