:root{--color-primary-50:#f0faf5;--color-primary-100:#d6f0e4;--color-primary-500:#2e9e68;--color-primary-700:#1b6b45;--color-primary-900:#0d3d25;--color-accent-100:#fdf3d7;--color-accent-500:#c9941a;--color-accent-700:#a67c00;--color-surface:#fff;--color-surface-alt:#f8fafb;--color-border:#e4e7eb;--color-text-primary:#111827;--color-text-muted:#6b7280;--color-text-inverse:#fafafa;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0284c7;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-urdu:"Alvi Nastaleeq",serif;--font-arabic:"Muhammadi Quranic","Al-Qalam","Al Mushaf","Manzar Arabic Naskh",serif;--font-amiri:"Manzar Arabic Naskh","Al Mushaf",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-xs:1rem;--leading-sm:1.25rem;--leading-base:1.5rem;--leading-lg:1.75rem;--leading-xl:1.75rem;--leading-2xl:2rem;--leading-3xl:2.25rem;--leading-4xl:2.5rem;--leading-5xl:1;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--spacing-section-y:4rem;--spacing-container-x:1.5rem}[dir=rtl]{--font-sans:var(--font-urdu);--text-xs:0.875rem;--text-sm:1.0625rem;--text-base:1.25rem;--text-lg:1.375rem;--text-xl:1.5rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:2.625rem;--text-5xl:3.5rem;--leading-xs:1.375rem;--leading-sm:1.75rem;--leading-base:2.25rem;--leading-lg:2.5rem;--leading-xl:2.5rem;--leading-2xl:2.75rem;--leading-3xl:3rem;--leading-4xl:3.25rem;--leading-5xl:1.15}*,:after,:before{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100svh;line-height:var(--leading-base)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}html{scroll-padding-top:5rem}