/* Huddle — Typography tokens
   System-font stack (no webfont download). Type scale 12/14/16/20/25/31. */

:root {
  /* Families */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;

  /* Font sizes (px scale: 12 / 14 / 16 / 20 / 25 / 31) */
  --text-xs:   12px;  /* captions, table meta, pill text */
  --text-sm:   14px;  /* default UI text, labels, body-dense */
  --text-md:   16px;  /* body, inputs */
  --text-lg:   20px;  /* card titles, section heads */
  --text-xl:   25px;  /* page titles */
  --text-2xl:  31px;  /* display / hero numerals */

  /* Line heights (paired to sizes) */
  --leading-xs:   16px;
  --leading-sm:   20px;
  --leading-md:   24px;
  --leading-lg:   28px;
  --leading-xl:   32px;
  --leading-2xl:  38px;

  /* Weights */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* Letter spacing */
  --tracking-tight:  -0.02em; /* large display / numerals */
  --tracking-snug:   -0.01em; /* titles */
  --tracking-normal: 0;
  --tracking-wide:   0.04em;  /* overline / eyebrow caps */
}