/* ============================================================
   TYPOGRAPHY SCALE
   Heavy display for headlines, clean body, generous line height.
   Headlines: tight tracking, sentence-style casual phrasing.
   ============================================================ */

:root {
  /* Families (declared in fonts.css) referenced via semantic roles */
  --type-display: var(--font-display);
  --type-body:    var(--font-body);
  --type-serif:   var(--font-serif);

  /* --- Font sizes (fluid-friendly fixed scale) --- */
  --fs-display-1: 72px;  /* hero headline "Hey, I'm Jovan :)" */
  --fs-display-2: 56px;  /* section headline "So Who Am I?" */
  --fs-display-3: 40px;  /* sub-headline */
  --fs-h1:        32px;
  --fs-h2:        26px;
  --fs-h3:        21px;
  --fs-lead:      20px;  /* intro / lead paragraph */
  --fs-body:      17px;  /* default body */
  --fs-small:     15px;
  --fs-label:     13px;  /* uppercase pill labels, eyebrows */
  --fs-tiny:      11px;

  /* --- Weights --- */
  --fw-regular: 400;  /* @kind font */
  --fw-medium:  500;  /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:    700;  /* @kind font */
  --fw-black:   900;  /* @kind font */

  /* --- Line heights --- */
  --lh-tight:   1.02;  /* @kind font */
  --lh-snug:    1.12;  /* @kind font */
  --lh-normal:  1.55;  /* @kind font */
  --lh-relaxed: 1.7;   /* @kind font */

  /* --- Letter spacing --- */
  --ls-display: -0.02em;  /* @kind font */
  --ls-tight:   -0.01em;  /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-label:   0.16em;   /* @kind font */
  --ls-mono:    0.04em;   /* @kind font */
}