:root{--color-surface-page:#f6f1e7;--color-surface-card:#fcfaf5;--color-surface-raised:#ede5d4;--color-surface-sunken:#e6dcc8;--color-surface-inverse:#103c2a;--color-surface-accent-soft:#eef5f0;--color-surface-scrim:rgba(12,46,32,0.55);--color-text-primary:#18221d;--color-text-secondary:#515c55;--color-text-tertiary:#5f6a63;--color-text-on-action:#fcfaf5;--color-text-link:#164c35;--color-text-accent:#74521c;--color-text-on-inverse:#f6f1e7;--color-text-on-inverse-muted:#d6e8dc;--color-border-default:#dccfb6;--color-border-strong:#6c604c;--color-action-primary:#164c35;--color-action-primary-hover:#103c2a;--color-action-primary-active:#0c2e20;--color-action-danger:#a8322b;--color-action-danger-hover:#8a2721;--color-accent-gold:#b8862b;--color-accent-pattern:#ddb862;--color-feedback-success:#1e5e42;--color-feedback-warning:#74521c;--color-feedback-error:#a8322b;--color-feedback-info:#164c35;--color-shadow-soft:rgba(24,34,29,0.06);--color-shadow-ambient:rgba(24,34,29,0.14);--color-shadow-deep:rgba(12,46,32,0.28);--color-button-primary-bg:#164c35;--color-button-primary-bg-hover:#103c2a;--color-button-primary-bg-active:#0c2e20;--color-button-primary-text:#fcfaf5;--color-button-destructive-bg:#a8322b;--color-button-destructive-text:#fcfaf5;--color-button-secondary-text:#18221d;--color-button-secondary-border:#6c604c;--color-input-bg:#fcfaf5;--color-input-border:#6c604c;--color-input-border-error:#a8322b;--color-input-text:#18221d;--color-input-placeholder:#5f6a63;--font-display:var(--font-fraunces),Georgia,serif;--font-sans:var(--font-manrope),var(--font-noto-arabic),system-ui,sans-serif;--font-quran:var(--font-amiri),"Noto Naskh Arabic",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;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-display:clamp(3.25rem,1.5rem + 6vw,6.5rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.15;--leading-normal:1.6;--leading-quran:2.1;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.75rem;--radius-button:0.625rem;--radius-card:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(24,34,29,0.06);--shadow-md:0 6px 20px -6px rgba(24,34,29,0.14);--shadow-lg:0 24px 48px -20px rgba(12,46,32,0.28);--shadow-focus-ring:0 0 0 2px #f6f1e7,0 0 0 4px #164c35;--duration-instant:100ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-stagger:50ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-emphasized:cubic-bezier(0.2,0,0,1);--size-control-sm:2.25rem;--size-control-md:2.75rem;--size-control-lg:3.25rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--size-target-min:1.5rem;--radius-pill:var(--radius-full)}:root[data-theme=dark]{--color-surface-page:#0b1210;--color-surface-card:#121b17;--color-surface-raised:#19241f;--color-surface-sunken:#1f2b25;--color-surface-inverse:#0c2e20;--color-surface-accent-soft:#172a21;--color-surface-scrim:rgba(0,0,0,0.7);--color-text-primary:#f6f1e7;--color-text-secondary:#c9cfc9;--color-text-tertiary:#a3aca5;--color-text-on-action:#0b1210;--color-text-link:#7fb698;--color-text-accent:#e9d193;--color-text-on-inverse:#f6f1e7;--color-text-on-inverse-muted:#acd0b9;--color-border-default:#24322c;--color-border-strong:#6b7a72;--color-action-primary:#7fb698;--color-action-primary-hover:#acd0b9;--color-action-primary-active:#d6e8dc;--color-action-danger:#f0a39b;--color-action-danger-hover:#f0a39b;--color-accent-gold:#ddb862;--color-accent-pattern:#b8862b;--color-feedback-success:#7fb698;--color-feedback-warning:#e9d193;--color-feedback-error:#f0a39b;--color-feedback-info:#7fb698;--color-shadow-soft:rgba(0,0,0,0.4);--color-shadow-ambient:rgba(0,0,0,0.55);--color-shadow-deep:rgba(0,0,0,0.7);--color-button-primary-bg:#7fb698;--color-button-primary-bg-hover:#acd0b9;--color-button-primary-bg-active:#d6e8dc;--color-button-primary-text:#0b1210;--color-button-destructive-bg:#f0a39b;--color-button-destructive-text:#0b1210;--color-button-secondary-text:#f6f1e7;--color-button-secondary-border:#6b7a72;--color-input-bg:#121b17;--color-input-border:#6b7a72;--color-input-border-error:#f0a39b;--color-input-text:#f6f1e7;--color-input-placeholder:#a3aca5;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 6px 20px -6px rgba(0,0,0,0.55);--shadow-lg:0 24px 48px -20px rgba(0,0,0,0.7);--shadow-focus-ring:0 0 0 2px #0b1210,0 0 0 4px #7fb698}