:root{
  /* Families. --font-display stands in for Gotham; --font-body is DECA's official secondary face. */
  --font-display:"Montserrat","Gotham","Helvetica Neue",Arial,sans-serif;
  --font-body:"Source Sans 3","Source Sans Pro",-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  /* Weights — the logo is Gotham Bold, so display type lives at 700/800 and rarely below 600 */
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:800;

  /* Display scale (Montserrat/Gotham, tight tracking, tight leading) */
  --size-display-1:64px;
  --size-display-2:52px;
  --size-display-3:40px;
  --size-heading-1:32px;
  --size-heading-2:26px;
  --size-heading-3:21px;
  --size-heading-4:18px;

  /* Body scale (Source Sans) */
  --size-body-lg:19px;
  --size-body:17px;
  --size-body-sm:15px;
  --size-caption:13px;
  --size-micro:11px;

  --leading-tight:1.05;
  --leading-snug:1.2;
  --leading-normal:1.45;
  --leading-relaxed:1.6;

  --tracking-tight:-0.02em;
  --tracking-normal:0;
  --tracking-wide:0.04em;
  --tracking-eyebrow:0.12em;   /* ALL-CAPS eyebrows + section labels */
  --tracking-caps:0.06em;

  /* Composed roles */
  --type-eyebrow:var(--weight-bold) var(--size-caption)/1.2 var(--font-display);
  --type-display:var(--weight-bold) var(--size-display-2)/var(--leading-tight) var(--font-display);
  --type-heading:var(--weight-bold) var(--size-heading-2)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-regular) var(--size-body)/var(--leading-relaxed) var(--font-body);
  --type-label:var(--weight-semibold) var(--size-body-sm)/1.3 var(--font-display);
}