/* ============================================================
   THE SKIN CLINIC — Typography tokens
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body:    'Jost', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-script:  'Petit Formal Script', 'Cormorant Garamond', cursive;

  /* --- 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 */

  /* --- Type scale (display uses serif; text uses sans) --- */
  --fs-display-1: 76px;
  --fs-display-2: 58px;
  --fs-h1: 44px;
  --fs-h2: 34px;
  --fs-h3: 26px;
  --fs-h4: 21px;
  --fs-lead: 20px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12.5px;
  --fs-eyebrow: 12px;

  /* --- Line heights --- */
  --lh-tight: 1.06; /* @kind font */
  --lh-snug: 1.2; /* @kind font */
  --lh-normal: 1.45; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* --- Letter spacing --- */
  --ls-display: -0.01em; /* @kind font */
  --ls-tight: -0.005em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  /* wide-tracked uppercase eyebrows are a core motif */
  --ls-eyebrow: 0.22em; /* @kind font */
  --ls-caps: 0.08em; /* @kind font */
}