:root {
    --bg-page: #f4f6f9;
    --color-white: #fff;
    --bg-subtle: #f0f0f0;
    --bg-subtle-2: #eee;
    --bg-hover: #f1f3f5;
    --bg-info-soft: #e3f2fd;
    --border-light: #e9ecef;
    --border-input: #ced4da;
    --border-subtle: #dee2e6;
    --border-chart: #e0e0e0;
    --brand-primary: #0d47a1;
    --brand-primary-hover: #0b3c8a;
    --brand-accent: #1565c0;
    --brand-navy-start: #0a2647;
    --brand-navy-end: #144272;
    --brand-navy-hover-start: #081d38;
    --brand-navy-hover-end: #0f3359;
    --brand-hero-text: #dce8fb;
    --color-danger: #c62828;
    --color-danger-alt: #dc3545;
    --color-danger-alt2: #ef4444;
    --bg-danger-soft: #fdecea;
    --bg-danger-soft-2: #ffebee;
    --bg-warning-soft: #fff3cd;
    --text-warning: #856404;
    --color-warning-alt: #f57c00;
    --color-gold: #facc15;
    --color-info: #00749c;
    --color-success: #1e7e34;
    --color-success-alt: #22c55e;
    --bg-success-soft: #e6f4ea;
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-muted: #6c757d;
    --text-body-alt: #343a40;
    --text-faint: #868e96;
    --text-disabled: #adb5bd;
    --text-gray: #616161;
}