/* Explain: Theme design tokens (colors, fonts) — single source of truth. - */
:root {
    --primary-color: #002244; /* Deep Navy from logo */
    --primary-hover: #00162e;
    --secondary-color: #009688; /* Teal from logo */
    --accent-color: #009688;
    --background-color: #f8fafc; /* Bright off-white */
    --surface-color: #ffffff; /* White */
    --text-color: #0b1f33; /* Deep navy-slate */
    --text-muted: #475569; /* Slate 600 */
    --border-color: rgba(0, 0, 0, 0.08);
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    --navy-dark: #f1f5f9; /* Slate 100 */
    --teal-glow: rgba(0, 150, 136, 0.15);
}