:root {
  --mo-ivory: #f3e9dc;
  --mo-ivory-2: #ede2d6;
  --mo-paper: #f8f3ec;
  --mo-charcoal: #11110f;
  --mo-charcoal-2: #1d1c19;
  --mo-copper: #b04830;
  --mo-copper-dark: #8f3926;
  --mo-muted: #6b635c;
  --mo-line: rgba(17, 17, 15, .14);
  --mo-line-strong: rgba(17, 17, 15, .28);
  --mo-white: #fffdf9;
  --mo-success: #3f6652;

  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;

  --fs-xs: .875rem;
  --fs-sm: .95rem;
  --fs-body: 1.08rem;
  --fs-body-lg: 1.22rem;
  --fs-h4: clamp(1.35rem, 1.1rem + .8vw, 1.8rem);
  --fs-h3: clamp(1.8rem, 1.3rem + 1.9vw, 2.8rem);
  --fs-h2: clamp(2.55rem, 1.75rem + 3.2vw, 4.8rem);
  --fs-hero: clamp(3.15rem, 2.15rem + 4.8vw, 7.2rem);
  --fs-price: clamp(1.75rem, 1.3rem + 1.8vw, 2.65rem);

  --space-1: .35rem;
  --space-2: .65rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.25rem;
  --space-7: 4.75rem;
  --space-8: 7rem;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;

  --container: min(1280px, calc(100vw - 48px));
  --nav-h: 78px;
  --ease-premium: cubic-bezier(.2,.8,.2,1);
  --shadow-soft: 0 18px 60px rgba(17,17,15,.08);
}

@media (max-width: 760px) {
  :root {
    --container: min(100% - 28px, 680px);
    --nav-h: 68px;
    --fs-body: 1.05rem;
    --fs-body-lg: 1.14rem;
    --fs-hero: clamp(2.8rem, 12vw, 4.7rem);
    --space-8: 5rem;
  }
}