/* Northpeak Capital — design tokens (handoff) · Farid Rasul */
:root{
  /* colour */
  --np-navy:#0E1A2B;      /* hero, quote, footer, primary text */
  --np-navy-2:#162538;    /* key figures band */
  --np-ivory:#F4EFE6;     /* page background, text on navy */
  --np-ivory-2:#EAE3D6;   /* portfolio band */
  --np-brass:#B08D57;     /* labels, accents, primary button */
  --np-rule:#D6CDBC;      /* dividers on ivory */
  --np-mute:#6B7280;      /* secondary text */

  /* type */
  --np-serif:"Newsreader",Georgia,serif;   /* weights 300 / 400, italic 300 */
  --np-sans:"Inter",system-ui,sans-serif;  /* weights 400 / 500 / 600 */
  --np-display:300 104px/1 var(--np-serif);   /* mobile 54px, tablet 80px */
  --np-h2:300 60px/1.05 var(--np-serif);      /* mobile 40px, tablet 50px */
  --np-h3:400 28px/1.2 var(--np-serif);       /* mobile 23px */
  --np-quote:300 52px/1.18 var(--np-serif);   /* mobile 32px, tablet 44px */
  --np-lead:400 18px/1.6 var(--np-sans);
  --np-body:400 16px/1.6 var(--np-sans);
  --np-label:500 11px/1 var(--np-sans);       /* uppercase, letter-spacing .18em */
  --np-button:500 13px/1 var(--np-sans);      /* uppercase, letter-spacing .08em */

  /* space (8-pt) */
  --np-s1:8px;--np-s2:16px;--np-s3:24px;--np-s4:32px;--np-s5:40px;--np-s7:56px;--np-s8:64px;--np-s12:96px;
  --np-section:140px;     /* tablet 110px, mobile 80px */

  /* layout */
  --np-max:1280px;
  --np-gutter:64px;       /* tablet 40px, mobile 22px */
  --np-columns:12;
  --np-column-gap:24px;
  --np-button-h:48px;
  --np-nav-h:96px;        /* mobile 72px */
}
/* breakpoints: desktop ≥1101 · tablet 701–1100 (nav collapses ≤900) · mobile ≤700 */