/* ============================================================
   WILDHOG — TYPOGRAPHY
   Space Mono throughout — display vs body differ only in
   weight, size and case.
   ============================================================ */

:root {
  /* ── Type scale — 8px base, fluid min→max ───────────── */
  --text-xs:   clamp(0.6875rem, 0.65rem + 0.19vw, 0.75rem);    /* 11→12px */
  --text-sm:   clamp(0.75rem,   0.70rem + 0.25vw, 0.875rem);   /* 12→14px */
  --text-base: clamp(0.875rem,  0.83rem + 0.25vw, 1rem);       /* 14→16px */
  --text-md:   clamp(1rem,      0.93rem + 0.38vw, 1.25rem);    /* 16→20px */
  --text-lg:   clamp(1.25rem,   1.10rem + 0.75vw, 1.75rem);    /* 20→28px */
  --text-xl:   clamp(1.75rem,   1.40rem + 1.75vw, 3rem);       /* 28→48px */
  --text-2xl:  clamp(2.5rem,    1.80rem + 3.50vw, 5.5rem);     /* 40→88px */

  /* ── Font family — Space Mono throughout ───────────── */
  --font-display: 'Space Mono', 'Courier New', monospace;
  --font-body:    'Space Mono', 'Courier New', monospace;

  /* ── Line heights ───────────────────────────────────── */
  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* ── Letter spacing ─────────────────────────────────── */
  --tracking-tight:  -0.03em;
  --tracking-normal:  0;
  --tracking-wide:    0.06em;
  --tracking-wider:   0.12em;
  --tracking-widest:  0.2em;
}

/* ── Base ──────────────────────────────────────────────── */
html {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: var(--leading-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headlines: Space Mono */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

h1 { font-size: var(--text-2xl); }
h2 { font-size: var(--text-xl);  }
h3 { font-size: var(--text-lg);  }
h4 { font-size: var(--text-md);  font-weight: 400; }

/* Body */
p, li, dd, address {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: 300;
}

a { color: inherit; }

/* Label utility — Space Mono, caps, spaced */
.label {
  font-family: var(--font-display);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  font-weight: 400;
}