@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* font families */
  --font-display:'Space Grotesk','Noto Sans TC',sans-serif;
  --font-body-latin:'Inter','Noto Sans TC',sans-serif;
  --font-body-cjk:'Noto Sans TC',sans-serif;
  --font-mono:'JetBrains Mono',monospace;

  /* type scale -- fluid, matched to the source site's clamp() values */
  --text-hero:clamp(34px,6vw,74px);
  --text-cta:clamp(30px,5vw,58px);
  --text-h2:clamp(26px,3.4vw,42px);
  --text-statement:clamp(22px,2.6vw,32px);
  --text-h3-service:21px;
  --text-h3-principle:17px;
  --text-h3-process:16px;
  --text-body-cjk:14.5px;
  --text-body-service:13.5px;
  --text-body-small:13px;
  --text-label:12.5px;
  --text-eyebrow:12px;
  --text-mono-label:11px;
  --text-mono-tag:11.5px;
  --text-caption:10.5px;

  --leading-tight:1.06;
  --leading-snug:1.4;
  --leading-body:1.7;
  --leading-loose:1.85;
  --leading-looser:1.9;

  --tracking-tight:-0.01em;
  --tracking-wide:0.02em;
  --tracking-wider:0.06em;
  --tracking-widest:0.18em;
}