/* ============================================================
   QWELL · TYPOGRAPHY TOKENS
   Display: ANTON — condensed, screaming, all-caps protest type.
   Text/UI: INTER — neutral, legible, hard-working.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Anton", "Oswald", "Arial Narrow", sans-serif;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Weights (Inter) ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  /* ---- Display scale (Anton — set tight, all-caps) ---- */
  --display-2xl: 112px;   /* hero headlines */
  --display-xl: 84px;
  --display-lg: 64px;
  --display-md: 48px;
  --display-sm: 36px;

  --display-leading: 0.92;     /* Anton stacks tight */
  --display-tracking: 0.005em;

  /* ---- Heading scale (Inter, heavy) ---- */
  --heading-xl: 34px;
  --heading-lg: 26px;
  --heading-md: 21px;
  --heading-sm: 18px;
  --heading-leading: 1.12;

  /* ---- Body scale (Inter) ---- */
  --text-xl: 20px;
  --text-lg: 18px;
  --text-md: 16px;
  --text-sm: 14px;
  --text-xs: 12px;
  --body-leading: 1.55;

  /* ---- Eyebrow / label (Inter, uppercase, tracked) ---- */
  --label-size: 13px;
  --label-tracking: 0.14em;
  --label-weight: var(--weight-bold);

  /* ---- Semantic aliases ---- */
  --type-hero: var(--weight-regular) var(--display-2xl)/var(--display-leading) var(--font-display);
  --type-display: var(--weight-regular) var(--display-lg)/var(--display-leading) var(--font-display);
  --type-heading: var(--weight-bold) var(--heading-lg)/var(--heading-leading) var(--font-text);
  --type-body: var(--weight-regular) var(--text-md)/var(--body-leading) var(--font-text);
  --type-label: var(--label-weight) var(--label-size)/1 var(--font-text);
}