:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-arabic-classic:"Amiri",serif;--font-arabic-read:"Scheherazade New",serif;--primary-hue:172;--secondary-hue:38;--bg-main:hsl(210,30%,98%);--bg-card:rgba(255,255,255,0.75);--bg-card-hover:rgba(255,255,255,0.95);--bg-popover:hsl(0,0%,100%);--text-main:hsl(222,47%,11%);--text-muted:hsl(215,16%,47%);--text-inverse:hsl(210,20%,98%);--primary:hsl(var(--primary-hue),80%,30%);--primary-hover:hsl(var(--primary-hue),80%,24%);--primary-glow:hsla(var(--primary-hue),80%,30%,0.12);--secondary:hsl(var(--secondary-hue),92%,50%);--secondary-hover:hsl(var(--secondary-hue),92%,42%);--border-color:rgba(15,23,42,0.08);--border-glow:hsla(var(--primary-hue),80%,30%,0.12);--success:hsl(142,70%,35%);--warning:hsl(38,92%,45%);--danger:hsl(350,80%,48%);--info:hsl(195,85%,38%);--shadow-sm:0 2px 8px rgba(15,23,42,0.04);--shadow-md:0 10px 30px -10px rgba(15,23,42,0.08);--shadow-lg:0 20px 40px -15px rgba(15,23,42,0.12);--shadow-glow:0 0 24px var(--primary-glow);--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(15,23,42,0.06);--glass-blur:blur(20px) saturate(140%);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:9999px}[data-theme=dark]{--bg-main:hsl(220,25%,7%);--bg-card:hsla(220,25%,12%,0.7);--bg-card-hover:hsla(220,25%,16%,0.85);--bg-popover:hsl(220,25%,10%);--text-main:hsl(210,20%,98%);--text-muted:hsl(215,15%,75%);--text-inverse:hsl(220,25%,7%);--primary:hsl(var(--primary-hue),85%,45%);--primary-hover:hsl(var(--primary-hue),85%,38%);--primary-glow:hsla(var(--primary-hue),85%,45%,0.25);--secondary:hsl(var(--secondary-hue),90%,52%);--secondary-hover:hsl(var(--secondary-hue),90%,45%);--border-color:hsla(220,20%,20%,0.6);--border-glow:hsla(var(--primary-hue),85%,45%,0.15);--shadow-sm:0 2px 8px -2px rgba(0,0,0,0.5);--shadow-md:0 8px 24px -4px rgba(0,0,0,0.6);--shadow-lg:0 16px 48px -8px rgba(0,0,0,0.8);--shadow-glow:0 0 20px var(--primary-glow);--glass-bg:hsla(220,25%,10%,0.65);--glass-border:hsla(0,0%,100%,0.08)}