:root {
  /* Farben */
  /* Orange: der Wert aus der Logo-Vektordatei (NET-230, B2). Orange ist Fläche, Linie und
     Zeichen — als Schrift auf hellem Grund nur über --ns-orange-text (B1). */
  --ns-orange: #F07C00;
  --ns-orange-hover: #D96F00;          /* Schaltfläche Hover, mit --ns-on-orange 4,9:1 */
  --ns-orange-text: #B35400;           /* orange Kleinschrift: 4,7:1 auf Papier, 5,0:1 auf Weiß */
  --ns-on-orange: #1F1F1F;             /* Schrift auf orangem Grund: 6,0:1 auf #F07C00 */
  --ns-orange-soft: #FDF1E5;
  /* Orange als durchscheinende Fläche (ersetzt die alten rgba-Werte des früheren Orange) */
  --ns-orange-a05: rgba(240, 124, 0, 0.05);
  --ns-orange-a08: rgba(240, 124, 0, 0.08);
  --ns-orange-a12: rgba(240, 124, 0, 0.12);
  --ns-orange-a16: rgba(240, 124, 0, 0.16);
  --ns-dark-gray: #4A4A4A;
  --ns-light-gray: #6F6F6F; /* 03.09.2026: vorher #8C8C8C = 3,2:1 auf Papier; jetzt 4,7:1 auf Papier, 5,0:1 auf Weiß (WCAG AA) */
  --ns-netto-dunkel: #A8A8A8;          /* Nettoangabe auf Anthrazit: 6,9:1 auf --ns-anthracite (NET-549 Befund 16) */
  --ns-bg-alt: #F8F9FA;
  --ns-bg-paper: #FAF8F4;
  --ns-white: #FFFFFF;
  --ns-anthracite: #1F1F1F;
  --ns-anthracite-2: #2D2D2D;
  --ns-hairline: #E5E1D8;
  --ns-hairline-2: #1F1F1F1A;
  --ns-hairline-strong: #C9C2B4;       /* gestrichelter Rahmen Logo-Platzhalter */
  --ns-paper-2: #F3F0EA;               /* Streifen Logo-Platzhalter */
  --ns-border-ui: #8A867F;             /* Rand von Eingabefeldern: 3,6:1 auf Weiß (WCAG 1.4.11, B6) */
  --ns-green: #28A745;
  --ns-success: #1E8449;               /* Rückmeldung Formular: gesendet */
  --ns-error: #C0392B;                 /* Rückmeldung Formular: Fehler */
  --ns-ink: #161616;
  --ns-topo-linie: #2E2E33;            /* Topologie-Grafik: Linien (Wert aus topologie.svg, NET-549 Befund 2) */
  --ns-topo-schrift: #8A8A90;          /* Topologie-Grafik: Beschriftung (Wert aus topologie.svg) */

  /* Typografie */
  /* Eine Hausschrift für Text und Überschriften (Open Sans, lokal) */
  --ns-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ns-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --ns-h1: 48px;
  --ns-h2: 32px;
  --ns-h3: 22px;
  --ns-body: 16px;
  --ns-nav: 15px;
  --ns-mono-sm: 12px;

  /* Spacing (8px Raster) */
  --ns-sp-1: 8px;
  --ns-sp-2: 16px;
  --ns-sp-3: 24px;
  --ns-sp-4: 32px;
  --ns-sp-6: 48px;
  --ns-sp-8: 64px;
  --ns-sp-12: 96px;
  --ns-sp-16: 128px;

  /* Sonstiges */
  --ns-radius: 8px;
  --ns-radius-sm: 6px;
  --ns-radius-lg: 18px;
  --ns-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --ns-shadow-lg: 0 24px 60px -20px rgba(31, 31, 31, 0.18);
  --ns-max-width: 1140px;
  --ns-max-width-wide: 1280px;
}