/* ============================================================
   HHC HOT CHICKEN — TYPOGRAPHY TOKENS
   Two-family system:
     Display / Headings -> Bitter (serif)
     Body / UI          -> Lato (sans-serif)
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Bitter', Georgia, 'Times New Roman', serif;
  --font-body: 'Lato', -apple-system, 'Helvetica Neue', Arial, sans-serif;

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

  /* ---- Type scale (px values from brand spec) ---- */
  --fs-h1: 61px;   /* hero statements */
  --fs-h2: 28px;
  --fs-h3: 26px;   /* uppercase, tight */
  --fs-h4: 23px;   /* Lato bold */
  --fs-display-xl: 88px; /* big section titles */
  --fs-body-lg: 18px;
  --fs-body: 15px;       /* base body */
  --fs-small: 13px;
  --fs-caption: 11px;

  /* ---- Line heights ---- */
  --lh-tight: 1.0;       /* @kind font */
  --lh-display: 1.1;     /* @kind font */
  --lh-heading: 1.2;     /* @kind font */
  --lh-body: 1.5;        /* @kind font */
  --lh-relaxed: 1.6;     /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.01em;   /* @kind font */
  --ls-normal: 0;        /* @kind font */
  --ls-wide: 0.04em;     /* @kind font */
  --ls-stamp: 0.06em;    /* @kind font */
}