/* Jazawta Theme — deep indigo-navy + gold, matches the jazawta.com landing page */
[data-theme="jazawta"] {
  --primary: oklch(78% 0.14 85);
  --accent: oklch(78% 0.14 85);
  --bg: oklch(20% 0.03 260);
  --bg2: oklch(23% 0.035 260);
  --bg3: oklch(30% 0.04 260);
  --text: oklch(96% 0.01 90);
  --text2: oklch(70% 0.02 260);
  --text3: oklch(62% 0.02 260);
  --border: oklch(32% 0.03 260);
  --card-bg: oklch(25% 0.035 260);
  --card-shadow: 0 2px 10px rgba(0,0,0,.25);
  --card-radius: 18px;
  --nav-bg: oklch(20% 0.03 260 / 92%);
  --nav-text: oklch(96% 0.01 90);
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
}

[data-theme="jazawta"] .navbar {
  backdrop-filter: blur(8px);
}

[data-theme="jazawta"] .hero {
  background: radial-gradient(120% 140% at 15% 0%, oklch(26% 0.045 260) 0%, oklch(20% 0.03 260) 60%);
  border-bottom-color: var(--border);
}

/* Gold is a light accent — anything using it as a background needs dark
   (not white) foreground text to stay readable. */
[data-theme="jazawta"] .btn-primary,
[data-theme="jazawta"] .nav-link--cta,
[data-theme="jazawta"] .search-btn,
[data-theme="jazawta"] .page-btn:hover,
[data-theme="jazawta"] .page-btn.active,
[data-theme="jazawta"] .category-chip:hover,
[data-theme="jazawta"] .category-chip.active,
[data-theme="jazawta"] .lang-chip.active,
[data-theme="jazawta"] .ai-search-submit,
[data-theme="jazawta"] .chat-msg--user,
[data-theme="jazawta"] .hover-summary-btn {
  color: var(--bg) !important;
  font-weight: 600;
}

[data-theme="jazawta"] .nav-brand,
[data-theme="jazawta"] .card-title,
[data-theme="jazawta"] .article-title,
[data-theme="jazawta"] .hero h2,
[data-theme="jazawta"] .feed-header h2,
[data-theme="jazawta"] .auth-card h1 {
  font-family: var(--font-heading);
}

[data-theme="jazawta"] .logo-mark {
  background: #fff;
  color: var(--bg);
}

[data-theme="jazawta"] .site-footer {
  background: var(--bg);
}

[data-theme="jazawta"] .footer-copy::after {
  content: '  ·  UAE · Egypt · Canada';
  color: var(--primary);
  font-family: 'IBM Plex Mono', monospace;
}