/* ============================================================================
   TYPE SKIN — "CONSOLE"  ·  Nunito, the owner-console voice   (Caleb 2026-08-16)
   ----------------------------------------------------------------------------
   Caleb pointed at the admin/parent dashboard and said it reads more premium and
   better organised: "there's thinner weight for titles, subtitles and text are
   different and it's clean and organized." That dashboard is Nunito —
   `css/admin-console.css` and `css/parent-console.css` both set
   "Nunito", ui-rounded, system-ui — with weights running 300→700. This skin is
   that voice on the marketing page: same family, same restraint.

   It re-points the four role tokens, then calibrates. The calibration is the
   point — a family swap alone always looks slightly wrong, because every face
   sits differently at the same nominal size.

   WHAT NUNITO NEEDS, AND WHY
   Nunito is a rounded humanist sans with a LARGE x-height and generous default
   spacing. Against Poppins at the same px it reads bigger and looser. So:
     • display gets NEGATIVE tracking — a 64px hero in Nunito at default spacing
       sprawls, and tightening it is what makes it read as a headline rather than
       a sentence in a big size;
     • display drops to 700 rather than climbing — Nunito's 800 is heavy and
       loses the "thinner weight" quality Caleb liked;
     • headings sit at 600, body at 400, and the eyebrows come DOWN to 600 with
       slightly less tracking, because Nunito's round caps at .24em start to look
       spaced out rather than considered.
   Everything else — every size, colour, margin — is untouched.
   ============================================================================ */

:root{
  --pmt-display:'Nunito',ui-rounded,'Poppins',system-ui,-apple-system,sans-serif;
  --pmt-heading:'Nunito',ui-rounded,'Poppins',system-ui,-apple-system,sans-serif;
  --pmt-body:'Nunito',ui-rounded,'Poppins',system-ui,-apple-system,sans-serif;
  --pmt-ui:'Nunito',ui-rounded,'Poppins',system-ui,-apple-system,sans-serif;
  /* the replicas already ARE this font in the real app — let them match */
  --pmt-app:'Nunito',ui-rounded,'Poppins',system-ui,-apple-system,sans-serif;
}

/* ── DISPLAY calibration — tighten and lighten ─────────────────────────────── */
.hero__title,
.reassure__title,
#pm-services .pmsvc-h2,
.pm-ed__title,
.pm-book__title, .pm-book__cover-title, .pm-book-hero__title, .pm-book__page-title,
.pm-hww__h2,
.wlb__title,
.pmfc-title,
.pmwhat-title,
.ckf-head__title, .ckfs-title,
.apx__title,
.hx-title,
.pmts-title,
.pm-testi-light .pm-testi-h,
#sp-sticky h2,
.pm-final-cta__title{
  font-weight:700 !important;
  letter-spacing:-.021em !important;
}
/* the hero is the one line where the tracking has to go a touch further — it is
   the largest type on the page and the only place the looseness is obvious. */
.hero__title{ letter-spacing:-.028em !important; line-height:1.02 !important; }
/* the italic accents inside those headlines ("actually", "in your home") —
   Nunito's italic is a true italic and carries the emphasis at 700 without the
   weight bump the serif needed. */
.pmwhat-title em, .ckfs-title em, .pmfc-title em, .pmts-title em{
  font-weight:700 !important;
}

/* ── HEADING calibration ──────────────────────────────────────────────────── */
#pm-services .pmsvc-card__title,
.pmfc-card__t,
.pmws__ctitle,
.ckf-mcard__t, .ckfs-menu__t,
.apx__head-t, .apx__name,
.pm-hww__ctitle,
.pm-ed__block-title, .pm-ed__step-title, .pm-ed__fit-title{
  font-weight:600 !important;
  letter-spacing:-.012em !important;
}

/* ── UI calibration — small caps come in, not out ──────────────────────────
   Nunito's caps are round and wide; at the page's .24em tracking they read
   scattered. Pulled to .17em, weight to 600 — the console's own setting. */
[class*="eyebrow"], [class*="kicker"], [class*="__label"], [class*="__folio"]{
  font-weight:600 !important;
  letter-spacing:.17em !important;
}
.hero__btn, .pm-final-cta__btn, .wlb__go, #pm-services .pmsvc-card__btn,
.apx__cta, .apx__cta--card, .hx-cta, .ckfs-cta, #sp-skip,
.nav a, .nav-cta, a.nav-cta{
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* ── PHONE ────────────────────────────────────────────────────────────────
   The mobile hero was measured against Poppins ("Private Family Assistants"
   fits one line at 28px). Nunito is wider per character at the same size, so
   the negative tracking above is what keeps that measurement true; nothing
   else about the phone layout changes. */
@media (max-width:760px){
  .hero__title{ letter-spacing:-.03em !important; }
}