:root {
    --brand-navy: #1f2937;
    --brand-navy-deep: #111827;
    --brand-blue: #1d4ed8;
    --brand-blue-hover: #1e40af;
    --brand-blue-bright: #3b82f6;
    --brand-blue-soft: #eff6ff;
    --brand-page-top: #f1f5f9;
    --brand-page-bottom: #e2e8f0;
    --brand-border: #e2e8f0;
    --brand-text: #1f2937;
    --brand-muted: #64748b;
    --brand-nav-active: rgba(59, 130, 246, .35);
    --brand-nav-active-border: rgba(59, 130, 246, .5);
    --ui-surface: #ffffff;
    --ui-surface-muted: #f5f8fc;
    --ui-page-bg: #f1f6fd;
    --ui-card-border: #e5edf8;
    --ui-card-radius: 14px;
    --ui-card-shadow: 0 9px 24px rgba(30, 72, 145, .06);
    --ui-card-shadow-hover: 0 12px 28px rgba(30, 72, 145, .1);
    --ui-control-border: #d4e0f1;
    --ui-control-radius: 8px;
    --ui-focus-ring: 0 0 0 .2rem rgba(29, 78, 216, .18);
    --ui-title: #0b173e;
    --ui-muted: #657ba2;
}