/* Explain: Theme design tokens (colors, fonts) — single source of truth, now includes Arabic font and RTL adjustments. - */
:root {
    --primary-color: #2b4b9a; /* Royal Blue */
    --primary-hover: #1e356d;
    --secondary-color: #00aeeF; /* Light Blue */
    --accent-color: #2b4b9a;
    --background-color: #f8fafc;
    --surface-color: #ffffff;
    --text-color: #2b4b9a; /* Royal Blue for headings */
    --text-muted: #000000; /* Black for paragraphs */
    --border-color: rgba(0, 0, 0, 0.08);
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    --navy-dark: #f1f5f9; 
    --teal-glow: rgba(43, 75, 154, 0.15);
}

html[lang="ar"] {
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}