/**
 * MEJ design tokens.
 *
 * Manrope and Sora are enqueued by inc/assets.php. The URL is filterable so a
 * later self-hosted WOFF2 package can replace the remote stylesheet cleanly.
 */

body.mej-premium {
  --mej-ink: #153540;
  --mej-ink-deep: #0b2731;
  --mej-blue: #557f92;
  --mej-blue-dark: #3f697c;
  --mej-mint: #9bc8bd;
  --mej-mint-light: #e3f1ed;
  --mej-mist: #f1f5f3;
  --mej-paper: #faf9f6;
  --mej-white: #ffffff;
  --mej-champagne: #bba77b;
  --mej-champagne-light: #eee7d8;
  --mej-gold-text: #75633f;
  --mej-text-muted: #5d747d;
  --mej-line: rgba(15, 48, 59, 0.12);
  --mej-line-light: rgba(255, 255, 255, 0.16);
  --mej-shadow: 0 28px 80px rgba(18, 52, 64, 0.14);
  --mej-shadow-soft: 0 18px 55px rgba(18, 52, 64, 0.08);
  --mej-font-body: "Manrope", "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  --mej-font-display: "Sora", "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  --mej-font-accent: "Iowan Old Style", Baskerville, Georgia, serif;
  --mej-container: 82.5rem;
  --mej-gutter: clamp(1.25rem, 3vw, 3.5rem);
  --mej-section-space: clamp(6.5rem, 10vw, 10.75rem);
  --mej-radius-sm: 1rem;
  --mej-radius-md: 1.5rem;
  --mej-radius-lg: 2rem;
  --mej-radius-pill: 999px;
  --mej-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mej-duration-fast: 240ms;
  --mej-duration: 700ms;
}

@media (max-width: 43.125rem) {
  body.mej-premium {
    --mej-gutter: 1rem;
    --mej-section-space: 6rem;
  }
}