/* Type. Anton for every headline (single weight, always uppercase).
   Oswald 200-700 for eyebrows, subheads, body, UI and numerals. */
:root{
  --pv-font-display:"Anton","Arial Narrow",Impact,sans-serif;
  --pv-font-ui:"Oswald","Arial Narrow",sans-serif;
  --pv-font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;

  /* Display scale — Anton, uppercase, tight leading */
  --pv-display-3xl:clamp(56px,7vw,104px); /* @kind font */
  --pv-display-2xl:clamp(44px,5.2vw,76px); /* @kind font */
  --pv-display-xl:clamp(36px,4vw,58px); /* @kind font */
  --pv-display-lg:42px;
  --pv-display-md:32px;
  --pv-display-sm:24px;

  /* Oswald scale */
  --pv-text-2xl:24px;
  --pv-text-xl:20px;
  --pv-text-lg:18px;
  --pv-text-md:16px;
  --pv-text-sm:14px;
  --pv-text-xs:12px;
  --pv-text-2xs:11px;

  --pv-weight-light:300;
  --pv-weight-regular:400;
  --pv-weight-medium:500;
  --pv-weight-semibold:600;
  --pv-weight-bold:700;

  --pv-leading-display:0.92; /* @kind other */
  --pv-leading-tight:1.15; /* @kind other */
  --pv-leading-snug:1.35; /* @kind other */
  --pv-leading-body:1.65; /* @kind other */

  /* Tracking — Anton gets a hair of negative, Oswald eyebrows get a lot of positive */
  --pv-tracking-display:-0.01em; /* @kind other */
  --pv-tracking-normal:0; /* @kind other */
  --pv-tracking-wide:0.06em; /* @kind other */
  --pv-tracking-eyebrow:0.18em; /* @kind other */
  --pv-tracking-mega:0.34em; /* @kind other */
}