/* Load fonts from Google Fonts CDN (kept simple; can be self-hosted later). */
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700;800&family=Rubik:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

/* Locale-specific font stacks (LTR default). */
:root {
    --font-body:    'Inter', system-ui, sans-serif;
    --font-head:    'Inter', system-ui, sans-serif;
    --font-display: 'Inter', system-ui, sans-serif;
    --ls-head:      -0.02em;
    --ls-eyebrow:   0.16em;
    --tt-eyebrow:   uppercase;
}

/* Arabic locale (RTL) — different type stack, no letter-spacing, no uppercase. */
html[dir="rtl"] {
    --font-body:    'Tajawal', 'Segoe UI', sans-serif;
    --font-head:    'Rubik', 'Segoe UI', sans-serif;
    --font-display: 'Amiri', 'Traditional Arabic', serif;
    --ls-head:      normal;
    --ls-eyebrow:   normal;
    --tt-eyebrow:   none;
}