:root {
    --color-primary: #00136f;
    --color-primary-nav: #1a3a8f;
    --color-primary-btn: #3d65c4;
    --color-primary-light: #e8edf8;
    --color-primary-hover: #2d52b0;
    --color-success: #2ecc71;
    --color-success-hover: #27ae60;
    --color-danger: #e74c3c;
    --color-danger-hover: #c0392b;
    --color-warning: #f39c12;
    --color-text: #1a1a2e;
    --color-text-muted: #6b7280;
    --color-text-light: #9ca3af;
    --color-bg: #f5f7ff;
    --color-bg-card: #ffffff;
    --color-bg-section: #e8edf8;
    --color-white: #ffffff;
    --color-border: #d1d9f0;
    --color-border-light: #e8edf8;
    --shadow-sm: 0 1px 3px rgba(0, 19, 111, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 19, 111, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 19, 111, 0.16);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --topbar-height: 72px;
    --footer-height: 64px;
    --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --transition: 0.2s ease;
}