/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0f2f56;
    --primary-hover: #0a2342;
    --secondary-color: #1e4f82;
    --accent-color: #2f855a;
    --accent-soft: #e7f4ec;
    --background-color: #ffffff;
    --surface-color: #f7fafc;
    --surface-strong: #eef5fb;
    --text-color: #132033;
    --text-muted: #5d6b7a;
    --border-color: #dbe5ee;
    --hero-overlay: rgba(9, 28, 52, 0.72);
    --shadow-soft: 0 18px 45px rgba(15, 47, 86, 0.12);
    --shadow-card: 0 14px 34px rgba(15, 47, 86, 0.1);
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --font-heading: 'Cairo', 'Tajawal', sans-serif;
    --font-body: 'Tajawal', 'Cairo', sans-serif;
    --font-heading-en: 'Inter', sans-serif;
    --font-body-en: 'Inter', sans-serif;
}