/* ECCCC Sacramento — type scale.
   Two families do all the work: Archivo for anything that announces (page titles, numbers,
   the wordmark), Figtree for everything a person reads or taps. Nothing below 15px in
   member-facing UI — many members are elders reading on a phone in bright sun. */
:root {
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --font-ethiopic: "Noto Sans Ethiopic", "Figtree", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* sizes */
  --text-3xs: 11px;
  --text-2xs: 12px;
  --text-xs: 13px;
  --text-sm: 15px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-3xl: 32px;
  --text-4xl: 40px;
  --text-5xl: 52px;
  --text-6xl: 66px;

  /* line heights */
  --leading-tight: 1.06;
  --leading-snug: 1.2;
  --leading-normal: 1.45;
  --leading-relaxed: 1.6;

  /* weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  /* tracking — display type tightens, small caps-ish labels open up */
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-widest: 0.12em;

  /* composed roles */
  --type-hero: var(--weight-black) var(--text-5xl) / var(--leading-tight) var(--font-display);
  --type-title: 800 var(--text-3xl) / var(--leading-snug) var(--font-display);
  --type-heading: var(--weight-bold) var(--text-xl) / var(--leading-snug) var(--font-display);
  --type-subheading: var(--weight-semibold) var(--text-lg) / var(--leading-snug) var(--font-sans);
  --type-body: var(--weight-regular) var(--text-base) / var(--leading-normal) var(--font-sans);
  --type-body-sm: var(--weight-regular) var(--text-sm) / var(--leading-normal) var(--font-sans);
  --type-label: var(--weight-semibold) var(--text-xs) / var(--leading-snug) var(--font-sans);
  --type-eyebrow: var(--weight-bold) var(--text-2xs) / var(--leading-snug) var(--font-sans);
  --type-mono: var(--weight-medium) var(--text-xs) / var(--leading-snug) var(--font-mono);
}