/* ─────────────────────────────────────────────────────────────
   DESIGN TOKENS  —  Khotwa · Emerald / Gold / Ivory palette
   ───────────────────────────────────────────────────────────── */
:root {
  /* ── Core palette ─────────────────────────────────────────── */
  --emerald:       #1A5245;
  --emerald-deep:  #0D3B30;
  --emerald-light: #246B5A;
  --emerald-matte: #0B2E24;

  --gold:          #BF9B5A;
  --gold-light:    #D4AF7A;
  --gold-muted:    #E8D5A8;
  --gold-accent:   #E2B872;

  --ivory:         #F8F4EC;
  --ivory-dark:    #EEE9DC;

  --white:         #FFFFFF;
  --ink:           #1A1A1A;
  --ink-muted:     #5C5C5C;
  --ink-faint:     #9A9A9A;
  --danger:        #B03A2E;
  --success:       #27AE60;

  /* ── Phase-2 token aliases → old values ──────────────────── */
  /* Teal → Emerald */
  --teal:       #1A5245;
  --teal-deep:  #0D3B30;
  --teal-mid:   #1A5245;
  --teal-light: #246B5A;
  --teal-faint: rgba(26, 82, 69, 0.08);

  /* Terra → Gold (no orange) */
  --terra:       #BF9B5A;
  --terra-light: #D4AF7A;
  --terra-deep:  #8B6914;
  --terra-faint: rgba(191, 155, 90, 0.10);

  /* Sand → Ivory */
  --sand:        #F8F4EC;
  --sand-dark:   #EEE9DC;
  --sand-deeper: #E5E0CC;

  /* ── Glassmorphism surfaces ──────────────────────────────── */
  --glass-white:        rgba(255, 255, 255, 0.13);
  --glass-teal:         rgba(13, 59, 48, 0.45);
  --glass-sand:         rgba(248, 244, 236, 0.82);
  --glass-border-light: rgba(255, 255, 255, 0.22);
  --glass-border-dark:  rgba(255, 255, 255, 0.10);

  /* ── Borders & shadows ───────────────────────────────────── */
  --border:        rgba(26, 82, 69, 0.18);
  --border-terra:  rgba(191, 155, 90, 0.25);
  --border-solid:  #D4D0B8;

  --shadow-sm:    0 2px 16px rgba(13, 59, 48, 0.10);
  --shadow-md:    0 8px 40px rgba(13, 59, 48, 0.15);
  --shadow-lg:    0 24px 80px rgba(13, 59, 48, 0.22);
  --shadow-terra: 0 6px 28px rgba(191, 155, 90, 0.30);
  --shadow-glass: 0 8px 32px rgba(13, 59, 48, 0.18);
  --shadow-gold:  0 6px 28px rgba(191, 155, 90, 0.30);

  /* ── Radii ───────────────────────────────────────────────── */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-xl:   36px;
  --radius-full: 9999px;

  /* ── Typography — LTR ────────────────────────────────────── */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans:  'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Motion ──────────────────────────────────────────────── */
  --transition:      all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.18s ease;
}

/* Switch typefaces for Arabic (RTL) */
html[dir="rtl"] {
  --font-serif: 'Scheherazade New', 'Times New Roman', serif;
  --font-sans:  'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif;
}