/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0f2038;
    --primary-hover: #09172a;
    --secondary-color: #1f6f7a;
    --accent-color: #f2a52a;
    --accent-hover: #d98913;
    --accent-ink: #96620a;
    --accent-soft: #fdf1d9;
    --background-color: #f4f6f9;
    --surface-color: #ffffff;
    --surface-alt: #eef2f7;
    --text-color: #101c2e;
    --text-muted: #5b6c83;
    --border-color: #dde4ee;
    --success-color: #12805c;
    --success-soft: #e3f6ee;
    --warning-color: #b8791a;
    --warning-soft: #fdf3e2;
    --danger-color: #c0392b;
    --danger-soft: #fdeceb;
    --info-color: #1f5fbf;
    --info-soft: #e8f0fd;
    --wa-color: #25d366;
    --wa-ink: #06331a;
    --wa-hover: #1ebe5b;
    --wa-soft: #ecfbf2;
    --wa-border: #bdeecf;
    --font-heading: 'Sora', 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-devanagari: 'Noto Sans Devanagari', 'Inter', sans-serif;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-sm: 0 2px 10px rgba(16, 28, 46, .06);
    --shadow-md: 0 14px 34px rgba(16, 28, 46, .10);
    --shadow-lg: 0 30px 70px rgba(16, 28, 46, .18);
}