:root{
  --np-bg:#F4F1EA;
  --np-ink:#101010;
  --np-cream:#EAE0D2;
  --np-blue:#ADCCE9;

  --np-success:#7CC382;
  --np-warning:#F9B34A;


  --np-accent: var(--np-warning);

  --np-radius:18px;
  --np-radius-sm:12px;

  --np-shadow: 0 18px 50px rgba(16,16,16,.08);
  --np-shadow-strong: 0 24px 70px rgba(16,16,16,.12);

  --np-container: 1240px;
  --np-gap: 18px;
}

html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--np-bg);
  color:var(--np-ink);
  font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height:1.45;
}

a{ color:inherit; text-decoration:none; }
a:hover{ opacity:.92; }
img{ max-width:100%; height:auto; }
*{ box-sizing:border-box; }

.site{ min-height:100vh; display:flex; flex-direction:column; }
.site-main{ flex:1; }
.container{ width:min(100% - 32px, var(--np-container)); margin-inline:auto; }
.container--narrow{ width:min(100% - 32px, var(--np-container)); margin-inline:auto; }

.screen-reader-text{
  position:absolute; width:1px;height:1px; padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0); border:0;
}


.npt-drawer-open{ overflow:hidden; }