/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0a3d62;
    --primary-hover: #082f4d;
    --primary-dark: #062544;
    --secondary-color: #5b7085;
    --accent-color: #14b8a6;
    --accent-hover: #0d9488;
    --accent-soft: #d6f2ee;
    --background-color: #ffffff;
    --surface-color: #f4f8fb;
    --surface-2: #e7f0f6;
    --text-color: #0f1e2e;
    --text-muted: #5b7085;
    --border-color: #dbe4ec;
    --success-color: #16a34a;
    --danger-color: #dc2626;
    --font-heading: 'Rubik', sans-serif;
    --font-body: 'Heebo', sans-serif;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-sm: 0 1px 3px rgba(10, 61, 98, 0.08);
    --shadow-md: 0 10px 28px rgba(10, 61, 98, 0.10);
    --shadow-lg: 0 24px 55px rgba(10, 61, 98, 0.16);
}