:root {
  --font-family-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --type-meta: 12px;
  --type-control: 13px;
  --type-body: 16px;
  --type-subheading: 16px;
  --type-panel-title: 24px;
  --type-card-title: clamp(28px, 3vw, 32px);
  --type-display-home: clamp(42px, 6.4vw, 64px);
  --type-display-tool: clamp(42px, 5vw, 64px);
  --type-display-tool-mobile: clamp(40px, 11vw, 52px);
  --type-result: clamp(55px, 7vw, 79px);
  --weight-regular: 500;
  --weight-medium: 650;
  --weight-strong: 700;
  --weight-heading: 760;
  --tracking-label: 0.12em;
  --tracking-heading: -0.04em;
  --tracking-card-title: -0.055em;
  --tracking-display: -0.06em;
  --leading-label: 1.45;
  --leading-body: 1.7;
  --leading-heading: 1.2;
  --leading-display: 1.08;
  font-family: var(--font-family-sans);
}

button,
input,
select,
textarea {
  font: inherit;
}