/* Shared Africa XR design tokens — Wix heritage + purple action chrome
 *
 * Usage:
 *   mint / mint-soft / mint-mid / mint-deep — actions, rules, purple bands
 *     (intentionally retinted from Wix olive to hero purple)
 *   ink / ink-deep / muted — body hierarchy on paper
 *   paper / paper-2 / shade — light surfaces
 *   report / news-accent / stat — section casts (not free theme slots)
 *   hero-pink / follow-pink / hero-purple — pink atmosphere heritage
 *   footer — contact + directory deep purple endcap
 */

:root {
  /* Action purple (hero purple) + lavender soft/mid/deep */
  --axr-mint: 118, 72, 156;
  --axr-mint-soft: 214, 198, 232;
  --axr-mint-mid: 168, 138, 196;
  --axr-mint-deep: 74, 45, 102;
  /* color_15 body text; purple-tinted near-black for rare emphasis */
  --axr-ink: 0, 0, 0;
  --axr-ink-deep: 30, 21, 40;
  --axr-muted: 117, 117, 117;
  /* color_11 white; soft panels #fafafa; color_12 shade */
  --axr-paper: #ffffff;
  --axr-paper-2: #fafafa;
  --axr-shade: #e8e6e6;
  /* Live section overlays (not theme slots) */
  --axr-report: 132, 203, 181;
  --axr-news-accent: 75, 209, 160;
  /* Wix mobile UX parity */
  --axr-hero-purple: 118, 72, 156;
  --axr-hero-pink: 196, 96, 168;
  --axr-quote: 186, 119, 177;
  --axr-follow-pink: 225, 165, 161;
  --axr-footer: 52, 36, 68;
  --axr-table-mint: 113, 193, 140;
  --axr-dir-peach: 246, 197, 157;
  --axr-dir-peach-deep: 220, 175, 149;
  --axr-signup-terra: 200, 120, 90;
  --axr-signup-terra-deep: 168, 95, 72;
  --axr-stat: 72, 168, 130;
  --axr-gutter: 1rem;
  --axr-content: min(980px, calc(100% - (2 * var(--axr-gutter))));
  --axr-radius: 2px;
  --axr-radius-control: 4px;
  --axr-header-h: 3.75rem;
  /* Shared section rhythm (E0) — spacing only */
  --axr-section-y: clamp(2.75rem, 6vw, 4rem);
  --axr-section-title-gap: 0.65rem;
  --axr-section-rule-gap: 1.35rem;
  --axr-section-body-max: 38em;
  --axr-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --axr-font-cta: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --axr-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 480px) {
  :root {
    --axr-gutter: 0.875rem;
  }
}