:root {
  /* Quran Seekers palette */
  --qs-green-950: #003d2f;
  --qs-green-900: #064f3c;
  --qs-green-700: #13775a;
  --qs-green-100: #e8f4ed;
  --qs-green-050: #f3f9f5;
  --qs-gold-600: #bd861f;
  --qs-gold-500: #d7a63c;
  --qs-gold-200: #f3dfac;
  --qs-gold-100: #fbf1d7;
  --qs-cream: #faf6e9;
  --qs-ivory: #fffdf7;
  --qs-charcoal: #17231e;
  --qs-muted: #596861;
  --qs-border: #dce5df;

  /* Noor semantic palette (anchors + surfaces + text) */
  --noor-forest: var(--qs-green-900);
  --noor-forest-deep: var(--qs-green-950);
  --noor-emerald: var(--qs-green-700);
  --noor-emerald-soft: var(--qs-green-100);
  --noor-olive: #71845b;
  --noor-gold: var(--qs-gold-600);
  --noor-gold-light: var(--qs-gold-200);
  --noor-sand: var(--qs-gold-100);
  --noor-sand-soft: var(--qs-cream);
  --noor-ivory: var(--qs-ivory);
  --noor-warm-white: var(--qs-ivory);
  --noor-charcoal: var(--qs-charcoal);
  --noor-muted: var(--qs-muted);
  --noor-line: rgba(6, 79, 60, 0.14);
  --noor-shadow-neutral: 0 18px 44px rgba(23, 35, 30, 0.1);
  --noor-shadow-neutral-hover: 0 24px 56px rgba(23, 35, 30, 0.14);

  /* Reference homepage palette */
  --noor-green-950: var(--qs-green-950);
  --noor-green-900: var(--qs-green-900);
  --noor-green-700: var(--qs-green-700);
  --noor-green-100: var(--qs-green-100);
  --noor-yellow-500: var(--qs-gold-500);
  --noor-yellow-400: #e8b84a;
  --noor-yellow-100: var(--qs-gold-100);
  --noor-white: #ffffff;
  --noor-cream: var(--qs-cream);
  --ref-charcoal: var(--qs-charcoal);
  --ref-muted: var(--qs-muted);
  --ref-border: var(--qs-border);

  /* Brand Colors */
  --color-midnight: #061720;
  --color-navy: #092330;
  --color-deep-green: #0A302E;
  --color-islamic-green: #0E403C;
  --color-teal: #19534C;
  --color-ivory: #F8F3E8;
  --color-warm-white: #FCFAF5;
  --color-sand: #E9DCC2;
  --color-gold: #C5923F;
  --color-soft-gold: #DDB260;
  --color-clay: #A45F45;
  --color-ink: #17211F;
  --color-muted: #68746F;
  --color-border: rgba(23, 33, 31, 0.13);
  --color-success: #467D62;
  --color-error: #A8463C;

  /* Typography Scale */
  --font-xs: 0.8125rem;
  --font-sm: 0.9375rem;
  --font-base: 1rem;
  --font-md: 1.125rem;
  --font-lg: 1.375rem;
  --font-xl: 1.75rem;
  --font-2xl: clamp(2rem, 3vw, 3rem);
  --font-3xl: clamp(2.75rem, 5vw, 5.25rem);

  /* Spacing Scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5rem;
  --space-10: 7rem;

  /* Transitions */
  --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-fast: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);

  /* Borders & Shadows */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-pill: 9999px;

  --shadow-subtle: 0 4px 20px rgba(6, 23, 32, 0.03);
  --shadow-medium: 0 8px 30px rgba(6, 23, 32, 0.06);
  --shadow-premium: 0 16px 40px rgba(6, 23, 32, 0.08);
}