:root{--color-primary:#f52;--color-primary-hover:#e04414;--color-primary-glow:rgba(255,85,34,.35);--color-secondary:#f74;--color-accent:#f52;--color-accent-subtle:rgba(255,85,34,.12);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-display:'Outfit' , 'Tajawal' , sans-serif;--font-body:'Tajawal' , system-ui , sans-serif;--font-mono:ui-monospace , 'Cascadia Code' , monospace;--font-heading-ar:'El Messiri' , serif;--font-body-ar:'Tajawal' , sans-serif;--text-scale-ratio:1.22;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg: calc(var(--text-base) * var(--text-scale-ratio));--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));--text-2xl: calc(var(--text-xl) * var(--text-scale-ratio));--text-3xl: calc(var(--text-2xl) * var(--text-scale-ratio));--text-4xl: calc(var(--text-3xl) * var(--text-scale-ratio));--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}:root,[data-theme="dark"]{--color-bg:#0b0e14;--color-surface:#141822;--color-surface-raised:#1c2232;--color-surface-overlay:rgba(20,24,34,.85);--color-border:#262e40;--color-border-subtle:#1e2534;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-card-shadow:rgba(0,0,0,.5);--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 6px 20px rgba(0,0,0,.5);--shadow-lg:0 16px 40px rgba(0,0,0,.65);--shadow-accent:0 8px 24px var(--color-primary-glow)}[data-theme="light"]{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-raised:#f1f5f9;--color-surface-overlay:rgba(255,255,255,.9);--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-card-shadow:rgba(15,23,42,.06);--shadow-sm:0 1px 3px rgba(15,23,42,.08);--shadow-md:0 4px 14px rgba(15,23,42,.08);--shadow-lg:0 12px 32px rgba(15,23,42,.12);--shadow-accent:0 8px 24px rgba(255,85,34,.25)}