:root {
    --color-brand-primary: #1a4c6b;
    --color-brand-cyan: #109bd7;
    --color-brand-navy: #155e8a;
    --color-brand-blue: #2f80ed;
    --color-brand-teal: #2fb7b8;
    --color-brand-red: #ec1c24;
    --color-brand-red-strong: #e3222a;
    --color-brand-green: #a7cf45;
    --color-brand-orange: #f7941d;
    --color-brand-orange-strong: #f58220;
    --color-brand-yellow: #f7c948;
    --color-brand-gold: #f4aa3a;
    --color-status-success: #1fa463;
    --color-text-primary: #132033;
    --color-text-body: #212529;
    --color-text-muted: #5f6f82;
    --color-text-secondary: #6c757d;
    --color-surface-default: #ffffff;
    --color-surface-soft: #f6f8fb;
    --color-surface-muted: #f8f9fa;
    --color-border-soft: rgba(20, 32, 51, 0.08);
    --color-border-subtle: rgba(19, 32, 51, 0.09);
    --color-divider-soft: rgba(20, 32, 51, 0.08);
    --color-divider-dashed: rgba(20, 32, 51, 0.08);
    --color-timeline-connector: rgba(26, 76, 107, 0.2);
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-pill: 999px;
    --radius-circle: 50%;
    --shadow-xs: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-sm: 0 10px 26px rgba(19, 32, 51, 0.08);
    --shadow-md: 0 18px 40px rgba(19, 32, 51, 0.1);
    --shadow-lg: 0 22px 55px rgba(19, 32, 51, 0.12);
    --transition-fast: 0.2s ease;
    --transition-normal: 0.24s ease;
}