/* neonworks. Design-Tokens v1.0 (Oktober 2026) – Richtung Tageslicht, Farbvariante F. Erzeugt aus tokens.json. */
:root{
  --nw-blau: #1F6CB0;
  --nw-blau-text: #1A5A93;
  --nw-blau-tint: #DCEAF7;
  --nw-pink: #FA49B0;
  --nw-pink-text: #8E0F5E;
  --nw-pink-tint: #FC9ECC;
  --nw-limette: #AEE804;
  --nw-limette-text: #4F7000;
  --nw-limette-tint: #EAF9C6;
  --nw-gelb: #FFCE00;
  --nw-gelb-text: #6E5600;
  --nw-gelb-tint: #FFF4C2;
  --nw-orangerot: #FF4713;
  --nw-orangerot-text: #B22E05;
  --nw-orangerot-tint: #FFDDD2;
  --nw-pink-hell: #FC9ECC;
  --nw-papier: #FFFFFF;
  --nw-flaeche: #F6F7FA;
  --nw-linie: #E6E9EF;
  --nw-dunst: #C6CCD6;
  --nw-text2: #646C78;
  --nw-text1: #4A515B;
  --nw-schwarz: #14181D;
  --nw-status-erfolg: #1E8E5A;
  --nw-status-erfolg-text: #126B3B;
  --nw-status-erfolg-tint: #D3F0E0;
  --nw-status-warnung: #C97A05;
  --nw-status-warnung-text: #8A5500;
  --nw-status-warnung-tint: #FBE9C6;
  --nw-status-fehler: #D2322D;
  --nw-status-fehler-text: #B9261F;
  --nw-status-fehler-tint: #F9D7D5;
  --nw-status-info: #1F6CB0;
  --nw-status-info-text: #1A5A93;
  --nw-status-info-tint: #DCEAF7;
  --nw-font-headline: 'Lexend', Arial, sans-serif;
  --nw-font-text: 'Public Sans', Arial, sans-serif;
  --nw-font-mono: 'IBM Plex Mono', Consolas, Menlo, monospace;
  --nw-radius-pill: 999px; --nw-radius-card: 16px; --nw-radius-field: 10px;
  --nw-space-1: 8px; --nw-space-2: 16px; --nw-space-3: 24px; --nw-space-4: 32px; --nw-space-6: 48px; --nw-space-8: 64px; --nw-space-12: 96px;
  --nw-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--nw-blau);
  /* Rollen (hell) */
  --nw-bg: var(--nw-papier); --nw-surface: var(--nw-flaeche); --nw-border: var(--nw-linie); --nw-fg: var(--nw-schwarz); --nw-fg-2: var(--nw-text1); --nw-fg-3: var(--nw-text2);
  --nw-primary: var(--nw-blau); --nw-primary-fg: #FFFFFF; --nw-link: var(--nw-blau-text); --nw-accent: var(--nw-limette); --nw-accent-fg: var(--nw-schwarz);
}
[data-theme="dark"]{
  --nw-bg: #14181D; --nw-surface: #1C2128; --nw-border: #3A4350; --nw-fg: #F2F3F5; --nw-fg-2: #C9CFD8; --nw-fg-3: #8A94A6;
  --nw-primary: var(--nw-limette); --nw-primary-fg: var(--nw-schwarz); --nw-link: var(--nw-limette); --nw-accent: var(--nw-limette); --nw-accent-fg: var(--nw-schwarz);
  --nw-status-erfolg-text: #46D28B; --nw-status-erfolg-tint: #163A2A; --nw-status-warnung-text: #F2B33D; --nw-status-warnung-tint: #3D2E12;
  --nw-status-fehler-text: #F26B5E; --nw-status-fehler-tint: #3D1D1A; --nw-status-info-text: #5BA9F5; --nw-status-info-tint: #15304A;
}
/* Schriftskala Web */
.nw-display{font:600 48px/1.1 var(--nw-font-headline)} .nw-h1{font:600 36px/1.15 var(--nw-font-headline)} .nw-h2{font:600 26px/1.2 var(--nw-font-headline)} .nw-h3{font:500 20px/1.3 var(--nw-font-headline)}
.nw-lead{font:400 18px/1.5 var(--nw-font-text)} .nw-text{font:400 16px/1.6 var(--nw-font-text)} .nw-small{font:400 14px/1.5 var(--nw-font-text)} .nw-label{font:600 12px/1.4 var(--nw-font-text);letter-spacing:.08em;text-transform:uppercase} .nw-data{font:400 14px/1.5 var(--nw-font-mono)}
.nw-button{font:600 15px/1 var(--nw-font-headline);padding:10px 18px;border-radius:var(--nw-radius-pill);background:var(--nw-primary);color:var(--nw-primary-fg);min-height:44px}
.nw-button:focus-visible{outline:none;box-shadow:var(--nw-focus)}