/* ============================================================
   A. Henriques — Typography Tokens
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap');

:root {
  /* --- Font families --- */
  --font-sans:   'Fira Sans', system-ui, -apple-system, sans-serif;
  --font-mono:   'JetBrains Mono', 'Fira Mono', 'Courier New', monospace;

  /* --- Font weights --- */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */

  /* --- Type scale (px base 14 — dense data tool) --- */
  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   14px;
  --text-md:     15px;
  --text-lg:     17px;
  --text-xl:     20px;
  --text-2xl:    24px;
  --text-3xl:    28px;

  /* --- Line heights --- */
  --lh-tight:    1.2; /* @kind font */
  --lh-snug:     1.35; /* @kind font */
  --lh-normal:   1.5; /* @kind font */
  --lh-relaxed:  1.65; /* @kind font */

  /* --- Letter spacing --- */
  --ls-tight:   -0.01em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.02em; /* @kind font */
  --ls-wider:    0.06em; /* @kind font */
  --ls-caps:     0.08em; /* @kind font */

  /* --- Semantic aliases --- */
  --font-page-title:     var(--fw-medium) var(--text-2xl)/var(--lh-tight) var(--font-sans);
  --font-section-title:  var(--fw-medium) var(--text-xl)/var(--lh-tight) var(--font-sans);
  --font-card-title:     var(--fw-medium) var(--text-lg)/var(--lh-snug) var(--font-sans);
  --font-label:          var(--fw-medium) var(--text-sm)/var(--lh-normal) var(--font-sans);
  --font-body:           var(--fw-regular) var(--text-base)/var(--lh-normal) var(--font-sans);
  --font-body-sm:        var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-sans);
  --font-caption:        var(--fw-regular) var(--text-xs)/var(--lh-normal) var(--font-sans);
  --font-mono:           var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-mono);
  --font-table-header:   var(--fw-medium) var(--text-xs)/var(--lh-normal) var(--font-sans);
}