:root {
  --jg-cream: #fdf3ea;
  --jg-cream-deep: #f8e9dc;
  --jg-paper: #fffdfa;
  --jg-violet: #6544b8;
  --jg-violet-strong: #6342ab;
  --jg-violet-deep: #4f319a;
  --jg-ink: #5d467c;
  --jg-muted: #7e6996;
  --jg-muted-2: #8167a2;
  --jg-link: #70558f;
  --jg-lavender: #dcc4ff;
  --jg-lilac: #f2e7ff;
  --jg-mint: #bbeee5;
  --jg-aqua: #a5f0ef;
  --jg-peach: #ffc7ba;
  --jg-pink: #ffa5c3;
  --jg-gold: #ffda78;
  --jg-red: #ff002d;
  --jg-red-hover: #e60029;
  --jg-line: rgba(101, 68, 184, 0.12);
  --jg-border-soft: #d9c3f4;

  --jg-grad-sky: linear-gradient(180deg, #aaf3f2 0%, #f9cbfa 34%, #f0c1fc 64%, #c3affc 100%);
  --jg-grad-mint: linear-gradient(180deg, #e4f8f1 0%, #d1f0e7 100%);
  --jg-grad-lilac: linear-gradient(180deg, #f1e8fc 0%, #e5d7f7 100%);
  --jg-grad-apricot: linear-gradient(180deg, #fff0de 0%, #ffe5ca 100%);
  --jg-grad-rose: linear-gradient(180deg, #ffe9ec 0%, #f8dce9 100%);
  --jg-grad-coral: linear-gradient(180deg, #fff0e9 0%, #ffddd0 100%);
  --jg-grad-ribbon: linear-gradient(90deg, #d4f5ee 0%, #eae0fa 55%, #ffe0e4 100%);

  --jg-shadow-card: 0 12px 32px rgba(143, 109, 165, 0.1);
  --jg-shadow-cta: 0 12px 28px rgba(220, 112, 140, 0.22);
  --jg-shadow-lift: 0 20px 44px rgba(101, 68, 184, 0.18);

  --jg-radius-xl: 36px;
  --jg-radius-lg: 32px;
  --jg-radius-md: 24px;
  --jg-radius-sm: 16px;
  --jg-pill: 999px;

  --jg-shell: 1640px;
  --jg-gutter: clamp(16px, 5.2vw, 140px);
  --jg-section-y: clamp(56px, 7vw, 100px);

  --jg-font: "Mona Sans", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --jg-fs-hero: clamp(2.5rem, 1.4rem + 4.2vw, 5rem);
  --jg-fs-h2: clamp(2rem, 1.2rem + 2.8vw, 4rem);
  --jg-fs-h3: clamp(1.35rem, 1rem + 1vw, 2rem);
  --jg-fs-lead: clamp(1.05rem, 0.98rem + 0.3vw, 1.25rem);
  --jg-fs-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --jg-fs-eyebrow: clamp(0.85rem, 0.8rem + 0.25vw, 1.125rem);
  --jg-fs-btn: clamp(1.05rem, 0.85rem + 0.8vw, 2rem);

  --jg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --jg-header-h: clamp(72px, 8.7vw, 167px);
}