/* Fidget + Gridsmith — Typography tokens
   Two families only: Roboto for everything human-facing, Roboto Mono for
   anything that reads as machine output (labels, coordinates, code, meta). */
:root{
  --font-sans: "Roboto", system-ui, -apple-system, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;

  /* weights actually used across the system */
  --fw-light:  300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium: 500; /* @kind font */  /* default UI weight (buttons, nav, controls) */
  --fw-bold:   700; /* @kind font */  /* card titles, sub-heads */
  --fw-black:  900; /* @kind font */  /* hero + section display */

  /* display / heading scale (marketing surfaces) */
  --fs-hero:  74px;   /* h1, 900, line-height 1.02, tracking -.025em */
  --fs-h2:    46px;   /* section heads, 900, -.02em */
  --fs-h3:    27px;   /* feature titles, 700 */
  --fs-title: 20px;   /* card titles, 700 */
  --fs-lead:  21px;   /* hero sub-copy, 400 */
  --fs-body:  16px;   /* body, 400, line-height ~1.55 */
  --fs-sm:    14px;   /* dense body / nav */
  --fs-meta:  13px;   /* mono meta */
  --fs-label: 11px;   /* uppercase section labels, mono, tracking .16em */

  /* tracking */
  --tracking-tight: -.025em; /* @kind font */  /* hero */
  --tracking-snug:  -.02em; /* @kind font */   /* h2 */
  --tracking-normal:.01em; /* @kind font */
  --tracking-label: .16em; /* @kind font */    /* uppercase mono labels */
  --tracking-caps:  .04em; /* @kind font */    /* small uppercase readout keys */

  /* line-heights */
  --lh-hero: 1.02; /* @kind font */
  --lh-tight:1.1; /* @kind font */
  --lh-body: 1.55; /* @kind font */
  --lh-loose:1.6; /* @kind font */
}