/* Neues Heim colours — Datenblatt Seite 2 + 4 ("Farben / Hauptfarben / Hauptfarbe").
   Five Hauptfarben, each with a 10–100 tint ramp (the guide labels every ramp "Primär-10 … Primär-100";
   here the ramps are namespaced by colour so they can coexist). Ramp values are read off the guide's
   own swatches: white → base in ten steps. */
:root{
  /* Hauptfarben */
  --nh-rot:#E3051B;
  --nh-davys-gray:#575756;
  --nh-dim-gray:#6F6F6E;
  --nh-taupe-gray:#9D9C9C;
  --nh-seasalt:#F8F8F8;

  /* Rojo / Hauptfarbe Rot */
  --nh-rot-10:#FCE6E9;--nh-rot-20:#FACDD2;--nh-rot-30:#F7B4BB;--nh-rot-40:#F59BA5;--nh-rot-50:#F2828E;
  --nh-rot-60:#EF6876;--nh-rot-70:#ED5061;--nh-rot-80:#E93649;--nh-rot-90:#E51E31;--nh-rot-100:#E3051B;

  /* Davy's Gray */
  --nh-davys-10:#EFEFEF;--nh-davys-20:#DDDDDD;--nh-davys-30:#CDCDCD;--nh-davys-40:#BCBCBC;--nh-davys-50:#ABABAB;
  --nh-davys-60:#9A9A9A;--nh-davys-70:#8A8A8A;--nh-davys-80:#797979;--nh-davys-90:#686868;--nh-davys-100:#575756;

  /* Dim Gray */
  --nh-dim-10:#F1F1F1;--nh-dim-20:#E2E2E2;--nh-dim-30:#D4D4D4;--nh-dim-40:#C5C5C5;--nh-dim-50:#B7B7B7;
  --nh-dim-60:#A9A9A9;--nh-dim-70:#9B9B9B;--nh-dim-80:#8C8C8C;--nh-dim-90:#7E7E7E;--nh-dim-100:#6F6F6E;

  /* Taupe Gray */
  --nh-taupe-10:#F6F6F6;--nh-taupe-20:#EBEBEB;--nh-taupe-30:#E2E2E2;--nh-taupe-40:#D8D6D7;--nh-taupe-50:#CECECE;
  --nh-taupe-60:#C4C4C4;--nh-taupe-70:#BBB9BA;--nh-taupe-80:#B1AFB0;--nh-taupe-90:#A7A5A6;--nh-taupe-100:#9D9C9C;

  /* Seasalt */
  --nh-seasalt-10:#FEFEFE;--nh-seasalt-20:#FEFEFE;--nh-seasalt-30:#FDFDFD;--nh-seasalt-40:#FDFDFD;--nh-seasalt-50:#FCFCFC;
  --nh-seasalt-60:#FBFBFB;--nh-seasalt-70:#FBFBFB;--nh-seasalt-80:#F9F9F9;--nh-seasalt-90:#F9F9F9;--nh-seasalt-100:#F8F8F8;

  /* Neutrals used in the digital surfaces */
  --nh-white:#FFFFFF;
  --nh-black:#000000;
  --nh-ink:#1D1D1B;          /* nav / headline black on the website */
  --nh-line-light:#E1E1E1;   /* filled input + hairline on light grounds */
  --nh-panel:#ECECEC;        /* list panel body */
  --nh-panel-alt:#F5F5F5;    /* open dropdown body */

  /* Semantic aliases */
  --nh-accent:var(--nh-rot);
  --nh-accent-hover:#C40417;
  --nh-text-body:var(--nh-davys-gray);
  --nh-text-heading:var(--nh-davys-gray);
  --nh-text-strong:var(--nh-ink);
  --nh-text-muted:var(--nh-taupe-gray);
  --nh-text-on-dark:var(--nh-white);
  --nh-text-link:var(--nh-rot);
  --nh-surface:var(--nh-white);
  --nh-surface-muted:var(--nh-seasalt);
  --nh-surface-panel:var(--nh-panel);
  --nh-surface-dark:var(--nh-davys-gray);
  --nh-surface-accent:var(--nh-rot);
  --nh-border:var(--nh-taupe-gray);
  --nh-border-subtle:var(--nh-line-light);
  --nh-overlay-accent:rgba(227,5,27,0.5);   /* CI-Element "rote Box, transparent" */
  --nh-overlay-dark:rgba(75,75,75,0.3);     /* map / image scrim */
  --nh-scrollbar-track:#ADADAD;
  --nh-scrollbar-thumb:#747474;
}