:root{--color-primary:#0F766E;--color-primary-light:#14b8a6;--color-primary-dark:#134e4a;--color-primary-pale:#f0fdfa;--color-secondary:#D4AF37;--color-secondary-light:#fde047;--color-secondary-dark:#a16207;--color-secondary-pale:#fefce8;--color-white:#ffffff;--color-off-white:#f9fafb;--color-light-gray:#e9ecef;--color-gray:#6c757d;--color-dark-gray:#111827;--color-black:#030712;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#0ea5e9;--font-primary:'Roboto',sans-serif;--font-heading:'Roboto Slab',serif;--font-arabic:'Al Majeed Quranic',serif;--font-size-xs:0.75rem;--font-size-sm:0.85rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:clamp(1.15rem, 2vw, 1.25rem);--font-size-3xl:clamp(1.25rem, 3vw, 1.6rem);--font-size-4xl:clamp(1.5rem, 3.5vw, 2rem);--font-size-5xl:clamp(1.75rem, 4.5vw, 2.5rem);--font-size-6xl:clamp(2rem, 5vw, 3.5rem);--font-size-p:clamp(1rem, 1.2vw, 1.1rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-loose:1.8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.05);--shadow-lg:0 10px 25px rgba(0,0,0,0.1),0 4px 10px rgba(0,0,0,0.06);--shadow-xl:0 20px 40px rgba(0,0,0,0.12),0 8px 16px rgba(0,0,0,0.06);--shadow-primary:0 8px 32px rgba(15,118,110,0.25);--shadow-gold:0 8px 32px rgba(212,175,55,0.25);--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--container-max:1200px;--container-wide:1400px;--header-height:80px;--topbar-height:40px;--z-dropdown:1000;--z-sticky:1020;--z-overlay:1040;--z-modal:1060;--z-toast:1080;--gradient-primary:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);--gradient-gold:linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-secondary) 100%);--gradient-hero:linear-gradient(160deg, #134e4a 0%, #0F766E 40%, #14b8a6 100%);--gradient-overlay:linear-gradient(to bottom, rgba(3,7,18,0.7) 0%, rgba(15,118,110,0.85) 100%);--bg-pattern:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}