/* Type: Inter throughout the digital system.
   Bold / SemiBold for headings, Light (300) for body copy. */
:root{
  --sp-font-display:var(--font-inter);
  --sp-font-body:var(--font-inter);
  --sp-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --sp-weight-light:300; /* @kind font */
  --sp-weight-regular:400; /* @kind font */
  --sp-weight-medium:500; /* @kind font */
  --sp-weight-semibold:600; /* @kind font */
  --sp-weight-bold:700; /* @kind font */

  /* Display / heading ramp */
  --sp-text-display-1:clamp(44px,6vw,76px);
  --sp-text-display-2:clamp(36px,4.6vw,56px);
  --sp-text-h1:40px;
  --sp-text-h2:32px;
  --sp-text-h3:24px;
  --sp-text-h4:20px;
  --sp-text-h5:17px;

  /* Body ramp */
  --sp-text-lead:20px;
  --sp-text-body:16px;
  --sp-text-body-sm:14px;
  --sp-text-caption:13px;
  --sp-text-micro:11px;

  --sp-leading-tight:1.06; /* @kind other */
  --sp-leading-heading:1.18; /* @kind other */
  --sp-leading-snug:1.4; /* @kind other */
  --sp-leading-body:1.6; /* @kind other */
  --sp-leading-loose:1.75; /* @kind other */

  --sp-tracking-display:-0.03em; /* @kind other */
  --sp-tracking-heading:-0.018em; /* @kind other */
  --sp-tracking-normal:0em; /* @kind other */
  --sp-tracking-eyebrow:0.14em; /* @kind other */

  --sp-measure-body:66ch; /* @kind other */
  --sp-measure-lead:52ch; /* @kind other */
}