/* ============================================================
   Maaß IT — Typography tokens
   Primary face Visby CF (geometric sans, 400/700 only).
   Slab = secondary display (Zilla Slab ← Slabien substitute).
   Mono = the `>_` terminal/ASCII motif.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-sans: "Visby CF", "Visby Round CF", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-slab: "Zilla Slab", "Slabien", "Roboto Slab", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights (Visby CF ships Regular + Bold only) ---- */
  --weight-regular: 400;
  --weight-bold: 700;

  /* ---- Type scale (1rem = 16px) ---- */
  --text-xs:      0.75rem;   /* 12 */
  --text-sm:      0.875rem;  /* 14 */
  --text-base:    1rem;      /* 16 */
  --text-md:      1.125rem;  /* 18 */
  --text-lg:      1.375rem;  /* 22 */
  --text-xl:      1.75rem;   /* 28 */
  --text-2xl:     2.25rem;   /* 36 */
  --text-3xl:     3rem;      /* 48 */
  --text-4xl:     4rem;      /* 64 */
  --text-display: 5.25rem;   /* 84 */

  /* ---- Line heights ---- */
  --leading-none:    1;
  --leading-tight:   1.06;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.12em;   /* eyebrows / overlines */
  --tracking-mono:    0.02em;

  /* ---- Semantic roles ---- */
  --font-display: var(--weight-bold) var(--text-4xl) / var(--leading-tight) var(--font-sans);
  --font-h1:      var(--weight-bold) var(--text-3xl) / var(--leading-tight) var(--font-sans);
  --font-h2:      var(--weight-bold) var(--text-2xl) / var(--leading-snug) var(--font-sans);
  --font-h3:      var(--weight-bold) var(--text-xl) / var(--leading-snug) var(--font-sans);
  --font-body:    var(--weight-regular) var(--text-base) / var(--leading-relaxed) var(--font-sans);
  --font-eyebrow: var(--weight-bold) var(--text-sm) / var(--leading-normal) var(--font-mono);
}