@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/tajawal-400.woff2') format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/tajawal-500.woff2') format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/tajawal-700.woff2') format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/tajawal-900.woff2') format('woff2')}
:root {
  --background: oklch(14% 0.03 265);
  --foreground: oklch(98% 0 0);
  --neon-lime: oklch(88% 0.16 90);
  --neon-cyan: oklch(83% 0.13 175);
  --neon-magenta: oklch(72% 0.20 40);
  --primary: oklch(88% 0.16 90);
  --ring: oklch(88% 0.16 90);
}

/* ── RTL overrides (site-kit patch, appended when SITE["dir"]="rtl") ── */
html[dir="rtl"] {
  --font-sans: "Tajawal", "Segoe UI", Tahoma, sans-serif;
  --font-display: "Tajawal", "Segoe UI", Tahoma, sans-serif;
}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .badge,
html[dir="rtl"] .compare thead th,
html[dir="rtl"] .hero__title,
html[dir="rtl"] .logo { letter-spacing: 0; }
html[dir="rtl"] .compare th,
html[dir="rtl"] .compare td { text-align: right; }
html[dir="rtl"] .subscore strong { text-align: left; }
html[dir="rtl"] .proscons li { padding-left: 0; padding-right: 1.5rem; }
html[dir="rtl"] .proscons li::before { left: auto; right: 0; }