@import url("https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+Arabic:wght@400;500;600&display=swap");:root{--bg-primary:#FFFFFF;--bg-secondary:#F8F9FA;--bg-tertiary:#F1F3F4;--text-primary:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--text-inverse:#FFFFFF;--header-bg:#1F2937;--header-text:#FFFFFF;--card-bg:#F8F9FA;--card-border:#E5E7EB;--border-light:#F3F4F6;--border-medium:#E5E7EB;--border-dark:#D1D5DB;--accent-primary:#2563EB;--accent-primary-hover:#1D4ED8;--accent-secondary:#10B981;--accent-secondary-hover:#059669;--success:#10B981;--success-bg:#ECFDF5;--warning:#F59E0B;--warning-bg:#FFFBEB;--error:#EF4444;--error-bg:#FEF2F2;--info:#3B82F6;--info-bg:#EFF6FF;--islamic-green:#10B981;--islamic-blue:#2563EB;--arabic-text:#1F2937;--prayer-time:#059669;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.dark{--bg-primary:#0F172A;--bg-secondary:#1E293B;--bg-tertiary:#334155;--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-tertiary:#94A3B8;--text-inverse:#111827;--header-bg:#0F172A;--header-text:#F8FAFC;--card-bg:#1E293B;--card-border:#475569;--border-light:#334155;--border-medium:#475569;--border-dark:#64748B;--accent-primary:#3B82F6;--accent-primary-hover:#2563EB;--accent-secondary:#10B981;--accent-secondary-hover:#059669;--success:#10B981;--success-bg:#022C22;--warning:#F59E0B;--warning-bg:#1C1917;--error:#EF4444;--error-bg:#1F1011;--info:#3B82F6;--info-bg:#0F1629;--islamic-green:#10B981;--islamic-blue:#3B82F6;--arabic-text:#F8FAFC;--prayer-time:#10B981;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 10px 10px -5px rgba(0,0,0,0.3)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{box-shadow:var(--shadow-sm)}.card,.card-elevated{background-color:var(--card-bg);border:1px solid var(--card-border)}.card-elevated{box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse);border:1px solid var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.arabic-text{color:var(--arabic-text);font-family:Amiri,Times New Roman,serif}.font-arabic,.quran-arabic{font-family:Amiri,Noto Sans Arabic,Arabic UI Text,Geeza Pro,Arial Unicode MS,sans-serif}.quran-arabic{line-height:1.8;font-weight:400}.verse-translation{font-size:inherit;line-height:1.6;text-transform:none}.prayer-time{color:var(--prayer-time)}.nav-item{color:var(--text-secondary);transition:color .2s ease}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--accent-primary)}.input{background-color:var(--card-bg);border:1px solid var(--border-medium);color:var(--text-primary)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.input::placeholder{color:var(--text-tertiary)}.modal-backdrop{background-color:rgba(0,0,0,.5)}.modal-content{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-xl)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}