/* incirqel — typography tokens. Montserrat (headlines) / Inter (body) / IBM Plex Mono (labels) */
:root {
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* Weights */
  --weight-display: 700;   /* headlines always bold */
  --weight-body: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Scale */
  --text-h1: 3rem;         /* 48px */
  --text-h2: 2rem;         /* 32px */
  --text-h3: 1.375rem;     /* 22px */
  --text-lead: 1.125rem;   /* 18px */
  --text-base: 1rem;       /* 16px */
  --text-small: 0.875rem;  /* 14px */
  --text-label: 0.8125rem; /* 13px — mono eyebrows/specs */

  /* Line heights */
  --leading-tight: 1.15;   /* display */
  --leading-normal: 1.6;   /* body */
  --leading-label: 1.4;

  /* Mono label treatment */
  --tracking-label: 0.08em;
}

body {
  font-family: var(--font-body);
  font-weight: var(--weight-body);
  color: var(--text-body);
  line-height: var(--leading-normal);
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}
a { color: var(--link); }
a:hover { color: var(--pine); text-decoration: underline; }