:root {
  --pu-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --pu-color-ink: #111317;
  --pu-color-deep: #0c2418;
  --pu-color-green: #235b3f;
  --pu-color-lime: #c9ff23;
  --pu-color-lime-strong: #73d900;
  --pu-color-paper: #fff;
  --pu-color-canvas: #f5f5f7;
  --pu-color-soft: #f1f4f2;
  --pu-color-muted: #5d6862;
  --pu-color-line: rgba(17, 19, 23, .11);
  --pu-shell: 1240px;
  --pu-gutter: 24px;
  --pu-gutter-mobile: 14px;
  --pu-space-1: 8px;
  --pu-space-2: 16px;
  --pu-space-3: 24px;
  --pu-space-4: 32px;
  --pu-space-5: 40px;
  --pu-space-6: 48px;
  --pu-space-8: 64px;
  --pu-space-10: 80px;
  --pu-radius-control: 12px;
  --pu-radius-card: 16px;
  --pu-radius-feature: 24px;
  --pu-shadow-card: 0 16px 48px rgba(17, 19, 23, .08);
  --pu-shadow-float: 0 24px 64px rgba(17, 19, 23, .12);
  --pu-type-display: clamp(40px, 5vw, 64px);
  --pu-type-heading: clamp(32px, 3.7vw, 44px);
  --pu-type-subheading: clamp(24px, 2.4vw, 30px);
  --pu-type-body: 16px;
  --pu-leading-display: 1.04;
  --pu-leading-heading: 1.12;
  --pu-leading-body: 1.65;
  --pu-tracking-display: -.04em;
  --pu-tracking-heading: -.03em;
}

@media (max-width: 640px) {
  :root {
    --pu-gutter: var(--pu-gutter-mobile);
    --pu-type-display: clamp(36px, 10.5vw, 42px);
    --pu-type-heading: clamp(30px, 8vw, 36px);
  }
}