/* MORA typography.
   Display: Climate Crisis for titles — ALWAYS UPPERCASE.
   Body: Google Sans Flex 400; emphasis 600. */
:root {
  --font-display: "Climate Crisis", "Google Sans Flex", system-ui, sans-serif;
  --font-body: "Google Sans Flex", system-ui, sans-serif;

  /* Type scale (rem) */
  --text-xs: 0.75rem;     /* 12 — captions, eyebrows */
  --text-sm: 0.875rem;    /* 14 — secondary copy, UI */
  --text-md: 1rem;        /* 16 — body */
  --text-lg: 1.25rem;     /* 20 — lead paragraph */
  --text-xl: 1.625rem;    /* 26 — h3 */
  --text-2xl: 2.25rem;    /* 36 — h2 */
  --text-3xl: 3.25rem;    /* 52 — h1 */
  --text-4xl: 4.5rem;     /* 72 — hero display */

  --leading-tight: 1.0;   /* display — Climate Crisis is tall; keep leading tight */
  --leading-snug: 1.2;    /* subheads */
  --leading-body: 1.6;

  --tracking-display: 0.005em; /* Climate Crisis sets wide already; near-zero */
  --tracking-eyebrow: 0.18em; /* uppercase eyebrows / taglines, like “· BRANDING STUDIO ·” */

  --weight-display: 400;       /* Climate Crisis is a single-weight display face; shape set by YEAR axis */
  --weight-display-sub: 400;
  --display-year: 1990;        /* @kind other */ /* Climate Crisis YEAR axis — MORA pins to 1990 (heavy) */
  --weight-body: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
}