/* ===========================================================================
   GoEco — Typography tokens
   Display: Fredoka (substitute for CoconPro / Cocon).
   Body/UI:  Poppins.
   The brand also uses an ALL-CAPS condensed marker headline on campaign art;
   that is hand-lettered and reproduced here as an uppercase display treatment.
   =========================================================================== */
:root {
  /* Families */
  --font-display: 'Fredoka', 'Trebuchet MS', system-ui, sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, sans-serif;

  /* 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 (rem, 16px root) */
  --fs-display-xl: 4.5rem;   /* 72 — hero title */
  --fs-display-l:  3.25rem;  /* 52 — slide title */
  --fs-display-m:  2.25rem;  /* 36 — section head */
  --fs-h1:         1.75rem;  /* 28 */
  --fs-h2:         1.375rem; /* 22 */
  --fs-h3:         1.125rem; /* 18 */
  --fs-body:       1rem;     /* 16 */
  --fs-body-sm:    0.875rem; /* 14 */
  --fs-caption:    0.75rem;  /* 12 */
  --fs-overline:   0.6875rem;/* 11 — uppercase meta / document footers */

  /* Line heights */
  --lh-tight:   1.05;  /* @kind font */
  --lh-snug:    1.25;  /* @kind font */
  --lh-normal:  1.55;  /* @kind font */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind font */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-caps:    0.14em;   /* @kind font */
}