/* ============================================================
   RedKnight — Typography Tokens
   Brand standard: VERDANA. Disciplined, legible, no-nonsense.
   Hierarchy comes from weight, size, tracking and UPPERCASE
   eyebrows — never from a second display face.
   ============================================================ */
:root {
  /* Families */
  --font-sans: Verdana, Tahoma, sans-serif;
  --font-display: Verdana, Tahoma, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;

  /* Weights — Verdana ships 400 / 700; we use them deliberately */
  --fw-regular: 400; /* @kind other */
  --fw-bold: 700; /* @kind other */

  /* Type scale (rem, 16px base) — tight, utilitarian ramp */
  --fs-display: 3.5rem;   /* 56px — hero / kicker statements */
  --fs-h1: 2.5rem;        /* 40px */
  --fs-h2: 1.875rem;      /* 30px */
  --fs-h3: 1.375rem;      /* 22px */
  --fs-h4: 1.125rem;      /* 18px */
  --fs-body-lg: 1.0625rem;/* 17px */
  --fs-body: 0.9375rem;   /* 15px — Verdana runs large; 15 is the workhorse */
  --fs-sm: 0.8125rem;     /* 13px */
  --fs-xs: 0.6875rem;     /* 11px — eyebrows, labels, metadata */

  /* Line heights */
  --lh-tight: 1.05;  /* @kind other */
  --lh-snug: 1.25;   /* @kind other */
  --lh-normal: 1.5;  /* @kind other */
  --lh-relaxed: 1.65;/* @kind other */

  /* Letter spacing — Verdana is wide; pull display tighter,
     push eyebrows/labels wider for the "stenciled" military feel */
  --ls-display: -0.02em; /* @kind other */
  --ls-heading: -0.01em; /* @kind other */
  --ls-normal: 0;        /* @kind other */
  --ls-label: 0.08em;    /* @kind other */
  --ls-mono: 0.02em;     /* @kind other */

  /* ---- Semantic role aliases ---- */
  --text-display: var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-display);
  --text-h1: var(--fw-bold) var(--fs-h1)/var(--lh-tight) var(--font-display);
  --text-h2: var(--fw-bold) var(--fs-h2)/var(--lh-snug) var(--font-display);
  --text-h3: var(--fw-bold) var(--fs-h3)/var(--lh-snug) var(--font-sans);
  --text-body: var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-sans);
  --text-label: var(--fw-bold) var(--fs-xs)/var(--lh-normal) var(--font-sans);
}