/* ============================================
   POP HOSTING — Typography tokens
   Inter for modern headings/UI, Roboto for body.
   Scale & weights mirror pop-modern.css usage.
   ============================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui: 'Inter', system-ui, sans-serif;
  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  /* ---- Weights ---- */
  --fw-light: 300;       /* @kind font */
  --fw-regular: 400;     /* @kind font */
  --fw-medium: 500;      /* @kind font */
  --fw-semibold: 600;    /* @kind font */
  --fw-bold: 700;        /* @kind font */
  --fw-extrabold: 800;   /* @kind font */

  /* ---- Type scale (rem) ---- */
  --fs-hero: 2.75rem;     /* hero headline desktop (1.85rem mobile) */
  --fs-cta-h2: 2.25rem;   /* CTA-final h2 */
  --fs-h2: 2rem;          /* section heading */
  --fs-stat: 2.75rem;     /* stat number value */
  --fs-h4: 1.25rem;       /* product card title */
  --fs-lead: 1.15rem;     /* hero sub */
  --fs-h4-sm: 1.1rem;     /* advantage card title */
  --fs-subhead: 1.05rem;  /* section subtitle */
  --fs-h5: 1rem;          /* step title */
  --fs-body: 0.9rem;      /* card body */
  --fs-sm: 0.85rem;       /* labels, prices, notes */
  --fs-micro: 0.72rem;    /* tags, badges, uppercase labels */

  /* ---- Line heights ---- */
  --lh-tight: 1.12;       /* @kind other */
  --lh-snug: 1.4;         /* @kind other */
  --lh-body: 1.6;         /* @kind other */
  --lh-lead: 1.65;        /* @kind other */
  --lh-loose: 1.7;        /* @kind other */

  /* ---- Letter-spacing ---- */
  --ls-hero: -0.025em;    /* @kind other */
  --ls-h2: -0.015em;      /* @kind other */
  --ls-stat: -0.02em;     /* @kind other */
  --ls-caps: 0.06em;      /* @kind other */
  --ls-caps-wide: 0.05em; /* @kind other */
}