/* ============================================================
   AFIYAH INFINITY — DESIGN TOKENS
   Source: AFIYAH_KNOWLEDGE_BASE_v1.md §8 (locked Sprint 1 theme
   system + V4 visual direction). Three sister-facing themes plus
   a Portal Navy surface for Admin / Partner / Mentor governance
   screens, per the V4 palette note in §8.2.
   ============================================================ */

:root {
  /* ---- Noor Emerald (default) ---- */
  --noor-bg: #061316;
  --noor-surface: #0B2427;
  --noor-surface-soft: rgba(9, 31, 34, 0.78);
  --noor-accent: #0E5A48;
  --noor-gold: #C99A45;
  --noor-text: #F8F3E9;
  --noor-muted: #B9B1A3;

  /* ---- Ivory Fajr (light) ---- */
  --ivory-bg: #F8F3E9;
  --ivory-surface: #FFFDF8;
  --ivory-accent: #003629;
  --ivory-gold: #AD8633;
  --ivory-text: #181715;
  --ivory-muted: #6E665B;

  /* ---- Dhikr Plum (wellness / reflection) ---- */
  --plum-bg: #1A0F24;
  --plum-surface: #281735;
  --plum-accent: #9B7AC8;
  --plum-gold: #D6B46D;
  --plum-text: #F8F3E9;
  --plum-muted: #C7B8D6;

  /* ---- V4 palette extras (Portal Navy for admin/partner/mentor governance) ---- */
  --portal-navy: #142036;
  --logo-emerald: #104636;
  --deep-noor: #061316;
  --midnight-plum: #170B26;
  --antique-gold: #AD8633;
  --soft-gold: #D6B46D;
  --warm-pearl: #F4ECE6;

  /* ---- Semantic (shared) ---- */
  --success: #4E9A73;
  --warning: #D69A3A;
  --danger: #C95C5C;
  --info: #6C93B8;

  /* ---- Typography ---- */
  --font-display: "Cormorant Garamond", "Playfair Display", serif;
  --font-body: "Manrope", "Inter", "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-arabic: "Amiri", "Scheherazade New", serif;

  /* ---- Radius (per D3 tokens) ---- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* ---- Motion ---- */
  --ease-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-standard: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-slow: 420ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- Shadows (glow, Noor Dark heritage) ---- */
  --shadow-soft: 0 8px 24px rgba(6, 19, 22, 0.35);
  --shadow-gold-glow: 0 0 0 1px rgba(201, 154, 69, 0.25), 0 8px 30px rgba(201, 154, 69, 0.12);
  --shadow-card: 0 4px 18px rgba(0, 0, 0, 0.22);

  /* ---- Active theme bindings (default = Noor Emerald) ---- */
  --bg: var(--noor-bg);
  --surface: var(--noor-surface);
  --surface-soft: var(--noor-surface-soft);
  --accent: var(--noor-accent);
  --gold: var(--noor-gold);
  --text: var(--noor-text);
  --muted: var(--noor-muted);
}

/* ---- Theme: Ivory Fajr ---- */
[data-theme="ivory_fajr"] {
  --bg: var(--ivory-bg);
  --surface: var(--ivory-surface);
  --surface-soft: rgba(255, 253, 248, 0.85);
  --accent: var(--ivory-accent);
  --gold: var(--ivory-gold);
  --text: var(--ivory-text);
  --muted: var(--ivory-muted);
}

/* ---- Theme: Dhikr Plum ---- */
[data-theme="dhikr_plum"] {
  --bg: var(--plum-bg);
  --surface: var(--plum-surface);
  --surface-soft: rgba(40, 23, 53, 0.78);
  --accent: var(--plum-accent);
  --gold: var(--plum-gold);
  --text: var(--plum-text);
  --muted: var(--plum-muted);
}

/* ---- Theme: Noor Emerald (explicit) ---- */
[data-theme="noor_emerald"] {
  --bg: var(--noor-bg);
  --surface: var(--noor-surface);
  --surface-soft: var(--noor-surface-soft);
  --accent: var(--noor-accent);
  --gold: var(--noor-gold);
  --text: var(--noor-text);
  --muted: var(--noor-muted);
}

/* ---- Governance surface: Portal Navy (admin / partner / mentor) ---- */
[data-portal="governance"] {
  --bg: var(--portal-navy);
  --surface: #1B2C4B;
  --surface-soft: rgba(20, 32, 54, 0.82);
  --accent: var(--logo-emerald);
  --gold: var(--soft-gold);
  --text: var(--warm-pearl);
  --muted: #9FAAC2;
}