/* THAT GIRL HQ — Typography tokens */

:root {
  /* Families */
  --font-display: 'Public Sans', 'Public Sans Black', system-ui, sans-serif; /* headings, weight 900 */
  --font-ui: 'Public Sans', system-ui, sans-serif;                            /* everything UI */
  --font-serif: 'Times New Roman', Times, serif;                              /* italic bold accent only */
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;           /* token / code values */

  /* Weights */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-bold: 700;      /* @kind font */
  --fw-black: 900;     /* @kind font */

  /* ---- Type scale (from spec) ---- */
  /* Display hero — Public Sans 900 / 48px / lh 1 / -1px / UPPERCASE */
  --fs-display: 48px;
  --lh-display: 1;      /* @kind font */
  --ls-display: -1px;

  /* Serif accent display — Times New Roman italic bold / 40px / lh 1.1 */
  --fs-serif: 40px;
  --lh-serif: 1.1;      /* @kind font */

  /* Heading 1 / section title — 900 / 28px / lh 1.15 */
  --fs-h1: 28px;
  --lh-h1: 1.15;        /* @kind font */

  /* Heading 2 / card title — 700 / 20px / lh 1.2 */
  --fs-h2: 20px;
  --lh-h2: 1.2;         /* @kind font */

  /* Heading 3 / sub-label — 700 / 15px / lh 1.3 */
  --fs-h3: 15px;
  --lh-h3: 1.3;         /* @kind font */

  /* Eyebrow label / section tag — 700 / 10px / +2.5px / UPPERCASE / accent */
  --fs-eyebrow: 10px;
  --ls-eyebrow: 2.5px;

  /* Body — 400 / 14px / lh 1.6 */
  --fs-body: 14px;
  --lh-body: 1.6;       /* @kind font */

  /* Small body / metadata — 400 / 12px / lh 1.6 / muted */
  --fs-small: 12px;

  /* Label / field header / tab — 700 / 11px / +0.5px */
  --fs-label: 11px;
  --ls-label: 0.5px;

  /* Mono — 12px */
  --fs-mono: 12px;
}