/* Rihla "Refined Heritage" design tokens + brand-wide pieces.
   Load AFTER /static/fonts/rihla-fonts.css. Pages keep their layout CSS
   inline; anything brand-wide lives here so the palette cannot drift
   between pages again. Spec: docs/superpowers/specs/2026-07-30-rihla-ui-ux-design.md */

:root {
  --rh-emerald:#0E5F45;
  --rh-emerald-deep:#0A4735;
  --rh-emerald-soft:#E6F0EC;
  --rh-brass:#A87B2D;        /* accents on light backgrounds only (large/bold text) */
  --rh-brass-bright:#C79A45; /* accents on midnight */
  --rh-ivory:#FAF7F0;
  --rh-card:#FFFFFF;
  --rh-midnight:#14202E;
  --rh-midnight-2:#1E2F42;
  --rh-ink-soft:#5E6B78;
  --rh-line:#E5DECE;
  --rh-oasis:#2E9E78;        /* success / progress — never the old neon mint */
  --rh-ai:#4C4699;           /* AI assist stays foreign to the brand palette */
  --rh-ai-soft:#EEECF9;
  --rh-err:#B3372E;
  --rh-err-soft:#FBECEB;
  --rh-sans:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --rh-serif:Marcellus,Georgia,serif;
  --rh-naskh:"Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif;
  --rh-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}

/* Arabic always renders in real Naskh; pages add their own alignment. */
.ar { font-family:var(--rh-naskh); direction:rtl; unicode-bidi:isolate; }

.rh-word { font-family:var(--rh-serif); font-weight:400; letter-spacing:.24em; }
.rh-arword { font-family:"Amiri Rihla",Amiri,var(--rh-naskh); font-weight:700; }

a:focus-visible, button:focus-visible {
  outline:3px solid var(--rh-brass); outline-offset:2px; border-radius:4px;
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration:.01ms !important; animation-duration:.01ms !important; }
}