/* ==========================================================================
   Support Nest — Typography tokens
   Primary typeface: Garet (geometric humanist sans)

   ⚠ SUBSTITUTION: Garet is a commercial typeface (TypeTogether) and was not
   supplied with the brand guide. Until the licensed Garet web files are added,
   this system falls back to **Poppins** — the closest widely-available
   geometric sans (tall x-height, single-storey a, friendly circular forms).
   To swap in real Garet: drop the .woff2 files into assets/fonts/ and replace
   the @import below with @font-face rules, keeping --font-brand unchanged.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  /* --- Families ---------------------------------------------------------- */
  --font-brand: 'Garet', 'Poppins', 'Century Gothic', system-ui, sans-serif;
  --font-heading: var(--font-brand);
  --font-body: var(--font-brand);

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

  /* --- Type scale (1.20 minor-third, 16px base) -------------------------- */
  --fs-display: 4.25rem;   /* 68px — hero */
  --fs-h1: 3rem;           /* 48px */
  --fs-h2: 2.25rem;        /* 36px */
  --fs-h3: 1.75rem;        /* 28px */
  --fs-h4: 1.375rem;       /* 22px */
  --fs-lg: 1.125rem;       /* 18px — lead */
  --fs-base: 1rem;         /* 16px — body */
  --fs-sm: 0.875rem;       /* 14px */
  --fs-xs: 0.75rem;        /* 12px — labels/caps */

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

  /* --- Letter spacing ---------------------------------------------------- */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0;      /* @kind other */
  --ls-wide: 0.04em;   /* @kind other */
  --ls-caps: 0.12em;   /* @kind other */

  /* --- Semantic roles ---------------------------------------------------- */
  --text-display-weight: var(--fw-semibold);  /* @kind other */
  --text-heading-weight: var(--fw-semibold);  /* @kind other */
  --text-body-weight: var(--fw-regular);      /* @kind other */
  --text-eyebrow-weight: var(--fw-semibold);  /* @kind other */
}