/* Swisstoggel – Farben der ganzen Website seit Build 18 (Manuels Wahl 10.10.2026):
   Nachtblau und Graphit mit warmem Gelb, helle Flächen neutral grau. Firmenlogo (brand-mark) bleibt. */
:root {
  --ink: #1C2128; --ink-soft: #4A525C; --paper: #F5F5F5; --paper-2: #E8E9EB; --line: #D5D8DC;
  --knx-deep: #111316; --knx-petrol: #1F3B5C; --knx-petrol-2: #1F4E79;
  --knx-mint: #F2B33D; --knx-mint-soft: #FFD58A; --knx-paper: #F5F7FA;
}
.btn-ink { background: #1F4E79; color: #fff; }
.btn-ink:hover { background: #2A6296; }

/* Startseite: Kopfbereich */
.knx-hero { background: radial-gradient(120% 80% at 80% 0%, #1F4E79, #1C2530 55%, #111316); }
.knx-hero .lede { color: #DCE3EA; }
.knx-hero .kicker { color: #FFD58A; opacity: 1; }
.knx-hero .btn { background: #F2B33D; color: #2B1A00; }
.knx-hero .btn:hover { background: #FFD58A; }
.knx-hero .btn-ghost { background: transparent; color: #F5F7FA; border-color: #3A4656; }
.knx-hero .btn-ghost:hover { background: rgba(242, 179, 61, .1); }
.knx-hero .grid-lines { background-image: linear-gradient(rgba(242, 179, 61, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 179, 61, .07) 1px, transparent 1px); }
body .knx-hero .btn:hover { box-shadow: 0 10px 28px rgba(242, 179, 61, .3); }
body .knx-hero .btn-ghost:hover { box-shadow: none; }
body .btn-ink:hover { box-shadow: 0 10px 24px rgba(31, 78, 121, .3); }

/* Formulare (Kontakt, Beta) */
body .formular input:focus, body .formular select:focus, body .formular textarea:focus,
body .beta-form input:focus { outline-color: #1F4E79; box-shadow: 0 0 0 4px rgba(31, 78, 121, .14); }