/* ElectroVision — Typography
 * Display serif (institutional, like the pitch deck's Georgia) for headlines
 * and big stat numbers; humanist sans for UI + body; mono for energy data.
 */
:root {
  /* ---- Families ---- */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans:    "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  /* Heavy grotesque for the A–F efficiency grade letter — reads like an energy-label badge */
  --font-grade:   "Outfit", "Source Sans 3", -apple-system, sans-serif;

  /* ---- Type scale (app UI scale; rem-based) ---- */
  --text-tiny:   0.6875rem;  /* 11px — labels, captions, eyebrows */
  --text-small:  0.8125rem;  /* 13px — secondary text, metadata */
  --text-body:   0.9375rem;  /* 15px — body default */
  --text-h3:     1.125rem;   /* 18px — card / section titles */
  --text-h2:     1.375rem;   /* 22px — screen titles */
  --text-h1:     1.875rem;   /* 30px — page headers */

  /* ---- Display scale (marketing / decks / hero numbers) ---- */
  --display-sm:  2.5rem;     /* 40px — hero bill / stat */
  --display-md:  3.25rem;    /* 52px — grade letter */
  --display-lg:  3.875rem;   /* 62px — deck cover */

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extra:    800;

  /* ---- Line heights ---- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.4;
  --leading-relaxed: 1.55;

  /* ---- Letter spacing ---- */
  --tracking-eyebrow: 0.16em;  /* uppercase kickers (pitch deck = 2.5pt) */
  --tracking-label:   0.04em;
  --tracking-tight:  -0.01em;
}