/* CCSE 2026 — Typography tokens
   Family: Archivo (Google Fonts) — modern grotesque, Latin-American heritage,
   confident at display sizes, clean at UI sizes. Single-family system. */

:root {
  --font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-sans);

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-black: 800; /* @kind font */

  /* Fluid display scale (marketing) */
  --fs-hero: clamp(2.5rem, 1.2rem + 5.4vw, 4.75rem); /* @kind other */
  --fs-h1:   clamp(2.1rem, 1.2rem + 3.2vw, 3.5rem); /* @kind other */
  --fs-h2:   clamp(1.65rem, 1.1rem + 2vw, 2.5rem); /* @kind other */
  --fs-h3:   clamp(1.2rem, 1rem + 0.8vw, 1.5rem); /* @kind other */

  /* Text scale */
  --fs-lead: clamp(1.1rem, 1rem + 0.5vw, 1.3rem); /* @kind other */
  --fs-body: 1.0625rem; /* @kind font */
  --fs-small: 0.9375rem; /* @kind font */
  --fs-caption: 0.8125rem; /* @kind font */
  --fs-overline: 0.8125rem; /* @kind font */

  /* Line heights */
  --lh-display: 1.02; /* @kind font */
  --lh-heading: 1.12; /* @kind font */
  --lh-body: 1.6; /* @kind font */
  --lh-tight: 1.35; /* @kind font */

  /* Letter spacing */
  --ls-display: -0.035em; /* @kind font */
  --ls-heading: -0.02em; /* @kind font */
  --ls-body: 0; /* @kind font */
  --ls-overline: 0.14em; /* @kind font */

  /* Numerals (counters, stats) */
  --font-numeric: var(--font-sans);
}