/* ============================================================
   Bitkoning Master Brand — Typography
   Font-tokens, .bk-num/mono/lh/ls/lv utilities, type-scale en heading-stijlen.
   Gegenereerd uit het master brand guidelines document (v2.0).
   Productie-bron. De master HTML demonstreert deze classes inline.
   ============================================================ */

:root {
  --bk-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --bk-font-mono: 'JetBrains Mono', 'Menlo', 'Consolas', monospace;
}

.bk-mono {
  font-family: var(--bk-font-mono);
  font-size: 12px;
  color: var(--bk-ink-6);
  letter-spacing: -0.01em;
}

.bk-num {
  font-family: var(--bk-font-mono);
  font-variant-numeric: tabular-nums slashed-zero;
}

.bk-mono--strong { color: var(--bk-ink-8); }

.demo-cat-cell__art .bk-lh    { width: min(460px, 100%); aspect-ratio: 5207 / 1268; height: auto; }

.demo-cat-cell__art .bk-lv    { width: 88px;  aspect-ratio: 1377 / 1548; height: auto; }

.demo-cat-cell__art .bk-ls    { width: 124px; aspect-ratio: 2221 / 1753; height: auto; }