/* BuJo — Typography tokens
   Fonts loaded via Google Fonts CDN import (see fonts.css) — no local
   binaries were available in the source repo (a single static HTML file).
   Three families, each with one job:
     - font-head  : headings, view titles, collection names, stat numbers
     - font-body  : entry text, running copy, inputs
     - font-label : all-caps microcopy, nav, meta, buttons, badges */
:root {
  --font-head: 'Hanken Grotesk', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --font-label: 'Geist', sans-serif;

  /* type scale, taken from the shipped app's literal px values */
  --text-2xs: 9px;   /* calendar weekday initials */
  --text-xs: 10px;   /* nav-section labels, mvp tag, tags */
  --text-sm: 11px;   /* section-label, streak, set-desc caps */
  --text-base-sm: 12px; /* sub header, entry-meta, legend */
  --text-base: 13px; /* habit name, collection list rows */
  --text-md: 14px;   /* modal lead, month rows, migration rows */
  --text-lg: 15px;   /* entry-text, dock input, set-name */
  --text-xl: 16px;   /* brand name, future-log card title */
  --text-2xl: 17px;  /* collection card title */
  --text-3xl: 20px;  /* — */
  --text-4xl: 22px;  /* modal h2 */
  --text-5xl: 30px;  /* topbar h1 */
  --text-6xl: 34px;  /* stat-big */

  --leading-tight: 1;
  --leading-snug: 1.4;
  --leading-normal: 1.5;

  --tracking-tight: -0.01em;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.06em;
  --tracking-widest: 0.1em;
}