@import url('https://fonts.bunny.net/css?family=tajawal:300,400,500,700,800&display=swap');
@import url('https://fonts.bunny.net/css?family=dm-sans:400,500,600,700&display=swap');
:root {
  --font-arabic: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-english: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-display: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-body: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-nav: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-price: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-active: 'DM Sans', 'Inter', system-ui, sans-serif;
  --type-base-size: 16px;
  --type-line-height: 1.6;
  --type-letter-spacing: normal;
  --type-display-size: clamp(2.5rem, 5vw, 4.5rem);
  --type-h1-size: clamp(2rem, 3.5vw, 3.25rem);
  --type-h2-size: clamp(1.625rem, 2.8vw, 2.5rem);
  --type-h3-size: clamp(1.25rem, 2vw, 1.75rem);
  --type-body-size: 16px;
  --type-small-size: 0.875rem;
  --type-caption-size: 0.75rem;
  --type-nav-size: 0.9375rem;
  --type-button-size: 0.9375rem;
  --type-price-size: 1.125rem;
}
[dir='rtl'] {
  --font-display: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-body: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-nav: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-price: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-active: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}
[lang='ar'] { font-family: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif; }
[lang='en'] { font-family: 'DM Sans', 'Inter', system-ui, sans-serif; }