@import url('fonts.css');

:root {
  /* ---- Font families ---- */
  --font-display: 'Chakra Petch', 'Arial Narrow', sans-serif;   /* condensed geometric — headings */
  --font-body: 'Exo', 'Helvetica Neue', Arial, sans-serif; /* geometric body */
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;    /* technical labels, stats, blueprint accents */

  /* ---- Type scale (px) ---- */
  --text-display-xl: 76px;
  --text-display-lg: 56px;
  --text-display-md: 40px;
  --text-display-sm: 28px;
  --text-heading: 22px;
  --text-body-lg: 19px;
  --text-body: 16px;
  --text-body-sm: 14px;
  --text-label: 12px;
  --text-eyebrow: 13px;

  /* ---- Weights ---- */
  --weight-display: 600;
  --weight-display-bold: 700;
  --weight-body-light: 300;
  --weight-body-regular: 400;
  --weight-body-medium: 500;
  --weight-body-semibold: 600;

  /* ---- Line height ---- */
  --leading-tight: 1.05;
  --leading-heading: 1.2;
  --leading-body: 1.6;

  /* ---- Letter spacing ---- */
  --tracking-display: 0.02em;
  --tracking-eyebrow: 0.18em;
  --tracking-label: 0.12em;
  --tracking-normal: 0;
}