/* Explain: Theme design tokens (colors, fonts) — single source of truth */
:root {
    --primary-color: #004E78;
    --primary-hover: #003b5a;
    --primary-light: #e7f1f7;
    --secondary-color: #0C81B0;
    --secondary-hover: #0a6d95;
    --accent-color: #0C81B0;
    --brand-light: #7fd4f5;
    --background-color: #ffffff;
    --surface-color: #f5f8fb;
    --surface-alt: #eef4f9;
    --text-color: #0d1b24;
    --text-muted: #5a6c79;
    --border-color: #e1e8ef;
    --font-heading: 'Sora', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-sm: 0 1px 2px rgba(0, 40, 60, .06);
    --shadow-md: 0 14px 34px rgba(0, 40, 60, .09);
    --shadow-lg: 0 28px 64px rgba(0, 40, 60, .14);
    --gradient-brand: linear-gradient(135deg, #004E78 0%, #0C81B0 100%);
}