:root{--gold: #e8a33d;--success: #7bb86f;--danger: #d97b6c;--ink: #2b2b3d;--text-secondary: #6e6e85;--text-tertiary: #9a9ab0;--cream: #fffdf7;--fajr-0: #b8b5e8;--fajr-1: #e8c5d8;--fajr-2: #fde3d9;--dhuhr-0: #8fc9f0;--dhuhr-1: #c5e5fa;--dhuhr-2: #f2faff;--asr-0: #9cc3e6;--asr-1: #cce0ef;--asr-2: #fdeecf;--maghrib-0: #a98bc9;--maghrib-1: #dda2b4;--maghrib-2: #f5c7a8;--isha-0: #3d4a85;--isha-1: #5b6bb5;--isha-2: #8e9ce0;--sky-0: var(--dhuhr-0);--sky-1: var(--dhuhr-1);--sky-2: var(--dhuhr-2);--glow: #fff6de;--celestial: #f7ce6b;--night: 0;--cloud-opacity: .85;--meadow-0: #a9cf8b;--meadow-1: #bfdca4;--text-on-sky: var(--ink);--text-on-sky-2: color-mix(in srgb, var(--text-on-sky) 65%, transparent);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 20px;--sp-xxl: 24px;--sp-xxxl: 32px;--sp-huge: 48px;--r-control: 14px;--r-card: 22px;--r-sheet: 32px;--shadow-card: 0 4px 16px rgb(0 0 0 / 8%);--shadow-soft: 0 8px 16px rgb(0 0 0 / 18%);--dur-crossfade: 1.2s;--dur-float: 6s;--dur-pulse: 3s;--font-display: ui-serif, Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-digits: ui-rounded, system-ui, sans-serif;--font-arabic: "Scheherazade New", "Noto Naskh Arabic", serif}