:root {
  --fs-body: 18px;
  --fs-small: 15px;
  --fs-card: 16px;
  --fs-nav: 17px;
  --fs-h1: clamp(40px, 5.6vw, 88px);
  --fs-h2: clamp(30px, 3.2vw, 44px);
  --fs-h3: clamp(22px, 2vw, 30px);
  --fs-h4: 22px;
  --lh-body: 1.75;

  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;
  --sp-8: 140px;

  --w-max: 1440px;
  --w-text: 760px;
  --gutter: clamp(20px, 4vw, 56px);

  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 28px;
  --radius-pill: 999px;

  --btn-h: 56px;
  --btn-px: 28px;
  --btn-fs: 17px;
  --btn-radius: var(--radius-pill);
  --btn-weight: 700;

  --header-h: 84px;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
}
@media (max-width: 767px) {
  :root { --header-h: 64px; --fs-body: 17px; --btn-h: 52px; }
}
html[data-fs="20"] { --fs-body: 20px; --fs-card: 17px; }