/* ============================================================
   CerraGo — Typography tokens
   Display: Archivo (heavy, uppercase headings + logo).
   Body/UI: Mulish. Headings are UPPERCASE with tight tracking.
   ============================================================ */
:root{
  --font-display:'Archivo','Archivo Black',system-ui,sans-serif;
  --font-body:'Mulish',system-ui,-apple-system,sans-serif;

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

  /* Type scale (px) */
  --fs-hero:56px;      /* hero H1 */
  --fs-h1:40px;
  --fs-h2:30px;        /* section titles (uppercase) */
  --fs-h3:22px;
  --fs-title:18px;     /* card titles */
  --fs-body-lg:18px;
  --fs-body:16px;
  --fs-sm:14px;
  --fs-xs:13px;
  --fs-eyebrow:13px;   /* small caps labels */

  /* Line heights */
  --lh-tight:1.05; /* @kind other */
  --lh-heading:1.15; /* @kind other */
  --lh-snug:1.35; /* @kind other */
  --lh-body:1.6; /* @kind other */

  /* Tracking */
  --ls-heading:-0.01em; /* @kind other */
  --ls-eyebrow:0.08em; /* @kind other */
  --ls-button:0.03em; /* @kind other */

  /* Semantic roles */
  --text-hero-family:var(--font-display);
  --text-hero-weight:var(--fw-black);
  --text-section-weight:var(--fw-extrabold);
  --text-body-family:var(--font-body);
}