/* ═══════════════════════════════════════════════════════════════
   Aum Holistic — User-facing landing typography
   ───────────────────────────────────────────────────────────────
   Professional, clear sans-serif for ALL public/user pages. Replaces
   the previous serif + italic (Fraunces) display treatment.

   Linked AFTER tokens.css on each user page, so:
     • it re-defines --font-display (custom props: last definition wins),
     • and uses !important to neutralise every italic accent — whether
       declared via .serif-it / .it classes or inline font-style:italic.

   Admin pages do NOT link this file, so the dashboard is unaffected.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* Clean geometric sans for Latin headings; Cairo carries the Arabic. */
  --font-display: 'Plus Jakarta Sans', 'Cairo', 'Segoe UI', sans-serif;
}

/* No slanted / italic text anywhere on user pages. The former accent
   words stay distinct through colour + weight instead of a slant. */
body,
body * { font-style: normal !important; }

/* Keep the visual hierarchy the italics used to give: render the old
   accent words a touch heavier rather than slanted. */
.serif-it,
.display .it,
.panel-title .it,
.summary-row .value .it { font-weight: 600 !important; }