/* ============================================================
   Managio — Typography tokens
   Poppins everywhere. Headings are bold/heavy with tight
   leading (the marketing site uses 900 weight for the hero).
   ============================================================ */

:root {
  /* Families */
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: var(--font-sans);
  --font-mono: "SFMono-Regular", ui-monospace, "Menlo", "Consolas", monospace;

  /* Weights */
  --fw-extralight: 200; /* @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 → rem @16) */
  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.875rem;  /* 14 */
  --fs-md:   1rem;      /* 16 — base body */
  --fs-lg:   1.125rem;  /* 18 */
  --fs-xl:   1.375rem;  /* 22 */
  --fs-2xl:  1.75rem;   /* 28 */
  --fs-3xl:  2.25rem;   /* 36 */
  --fs-4xl:  3rem;      /* 48 */
  --fs-5xl:  4.375rem;  /* 70 — hero display */

  /* Line heights */
  --lh-tight:   1.1; /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* Letter spacing */
  --ls-tight:  -0.02em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide:   0.04em;  /* uppercase labels @kind font */

  /* ---- Semantic roles ---- */
  --text-display:    var(--fw-black) var(--fs-5xl)/var(--lh-tight) var(--font-heading);
  --text-h1:         var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-heading);
  --text-h2:         var(--fw-bold) var(--fs-3xl)/var(--lh-snug) var(--font-heading);
  --text-h3:         var(--fw-bold) var(--fs-2xl)/var(--lh-snug) var(--font-heading);
  --text-title:      var(--fw-medium) var(--fs-xl)/var(--lh-snug) var(--font-heading);
  --text-body-lg:    var(--fw-regular) var(--fs-lg)/var(--lh-relaxed) var(--font-sans);
  --text-body-base:  var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-sans);
  --text-body-sm:    var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-sans);
  --text-caption:    var(--fw-regular) var(--fs-xs)/var(--lh-normal) var(--font-sans);
}