/* ===========================================================================
   CLIQ — Typography Tokens
   Display / headings: Poppins (geometric, friendly, matches the brand deck).
   Body / UI:         Nunito Sans (rounded humanist, highly legible — chosen
                      for senior accessibility).
   NOTE: both are loaded from Google Fonts in fonts.css. They are the closest
   Google Fonts matches to the brand deck; flag to design owner if exact
   licensed faces differ.
   =========================================================================== */
:root {
  /* --- Families --- */
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-sans:    'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* --- Weights --- */
  --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; 1rem = 16px) ---
     Generous sizing: senior-facing body never below 1rem / 16px. */
  --fs-display-xl: 4.5rem;   /* 72px — hero / slide titles      */
  --fs-display-lg: 3.5rem;   /* 56px                            */
  --fs-display-md: 2.75rem;  /* 44px                            */
  --fs-h1:         2.25rem;  /* 36px                            */
  --fs-h2:         1.75rem;  /* 28px                            */
  --fs-h3:         1.5rem;   /* 24px                            */
  --fs-h4:         1.25rem;  /* 20px                            */
  --fs-body-lg:    1.1875rem;/* 19px — senior primary body      */
  --fs-body:       1.0625rem;/* 17px — default body             */
  --fs-body-sm:    0.9375rem;/* 15px                            */
  --fs-caption:    0.8125rem;/* 13px — chrome / metadata only   */

  /* --- Line heights --- */
  --lh-tight:   1.1;  /* @kind font */
  --lh-snug:    1.3;  /* @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;  /* @kind font */
  --ls-caps:   0.08em;  /* uppercase eyebrow / badge labels @kind font */
}