/* WSG Neue Heimstätte eG — colour tokens.
   Base values transcribed from the Figma style guide (Datenblatt Seite 2) and the
   Startseite-Neu web design. Ramps are the style guide's own construction:
   the base colour at 10–100 % opacity over white. */
:root{
--nh-primary:#474747;
--nh-primary-10:#ededed;--nh-primary-20:#dadada;--nh-primary-30:#c8c8c8;--nh-primary-40:#b5b5b5;--nh-primary-50:#a3a3a3;
--nh-primary-60:#919191;--nh-primary-70:#7e7e7e;--nh-primary-80:#6c6c6c;--nh-primary-90:#595959;--nh-primary-100:#474747;
--nh-secondary:#90a4af;
--nh-secondary-10:#f4f6f7;--nh-secondary-20:#e9edef;--nh-secondary-30:#dee4e7;--nh-secondary-40:#d3dbdf;--nh-secondary-50:#c8d2d7;
--nh-secondary-60:#bcc8cf;--nh-secondary-70:#b1bfc7;--nh-secondary-80:#a6b6bf;--nh-secondary-90:#9badb7;--nh-secondary-100:#90a4af;
/* web palette — exact fills from the Startseite-Neu design */
--nh-slate:#4b5c6a;
--nh-ink:#464b50;
--nh-ink-soft:#4a4a4a;
--nh-mist:#adbdc8;
--nh-grey-05:#f5f5f5;
--nh-grey-10:#efefef;
--nh-grey-12:#f2f2f2;
--nh-grey-15:#ebeced;
--nh-grey-40:#d1d1d1;
--nh-grey-45:#707070;
--nh-hairline:#737376;
--nh-muted:#656565;
--nh-white:#ffffff;
--nh-black:#000000;
/* document / style-guide palette (Poppins specimen sheets) */
--nh-doc-ink:#1b1f23;
--nh-doc-muted:#6a737d;
/* semantic aliases */
--nh-text-heading:var(--nh-ink);
--nh-text-body:var(--nh-ink);
--nh-text-muted:var(--nh-muted);
--nh-text-inverse:var(--nh-white);
--nh-text-accent:var(--nh-slate);
--nh-surface-page:var(--nh-white);
--nh-surface-band:var(--nh-grey-10);
--nh-surface-band-dark:var(--nh-slate);
--nh-surface-utility:var(--nh-grey-05);
--nh-surface-card:var(--nh-grey-10);
--nh-surface-stat:var(--nh-grey-15);
--nh-action:var(--nh-slate);
--nh-action-strong:var(--nh-ink);
/* derived, not present in the source file — see readme.md → Visual foundations */
--nh-action-hover:#3f4e5a;
--nh-surface-tile-hover:var(--nh-secondary-100);
--nh-text-on-tile-hover:var(--nh-ink);
--nh-action-press:#36434e;
--nh-border-subtle:var(--nh-mist);
--nh-border-hairline:var(--nh-hairline);
--nh-link:var(--nh-slate);
--nh-link-hover:var(--nh-ink);
--nh-icon-quiet:var(--nh-grey-45);
--nh-focus-ring:var(--nh-slate);
}