/* NourisHubs brand tokens — read off the real logo.
   Every concept imports this, then overrides its own canvas + type. */
:root{
  /* signal greens (from logo paths) */
  --nh-deep:#006838;
  --nh-mid:#55833d;
  --nh-leaf:#88bf42;
  --nh-acid:#a8f04a;      /* pushed lime, screen-only signal */
  --nh-gold:#b89b07;      /* the bee */
  --nh-clay:#c9a27a;      /* the warm end Tanveer asked for */
  --nh-bone:#f1efe7;
  --nh-ink:#0a1410;

  /* one spacing rhythm */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px; --s7:168px;

  /* one type scale, fluid */
  --t-micro:clamp(10px,.72vw,11.5px);
  --t-body:clamp(15.5px,1.02vw,17.5px);
  --t-lede:clamp(17px,1.35vw,21px);
  --t-h2:clamp(30px,5vw,68px);
  --t-h1:clamp(42px,8.4vw,126px);
  --t-num:clamp(40px,6.4vw,96px);
}
*{box-sizing:border-box}
img,svg{max-width:100%}
h1,h2,h3{margin:0;text-wrap:balance}
p,dd,li{text-wrap:pretty}
a,button{touch-action:manipulation}
[id]{scroll-margin-top:96px}
b,strong,.num{font-variant-numeric:tabular-nums}
.skip{position:absolute;left:-9999px;top:0;z-index:999;padding:12px 18px;
  background:var(--nh-deep);color:#fff;text-decoration:none;font-size:13px}
.skip:focus{left:0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}