/* Swisstoggel KNX – Farben der App seit Build 18: Nachtblau, Graphit, warmes Gelb (nur Seiten mit .theme-knx) */
.theme-knx {
  --knx-mint: #F2B33D; --knx-deep: #111316;
  --page-bg: #111316; --page-fg: #F5F7FA; --page-muted: #DCE3EA; --page-accent: #F2B33D;
  --page-card: #1C2530; --page-line: #2A3542;
}
body.theme-knx { background: linear-gradient(180deg, #1F3B5C 0, #1C2530 560px, #111316 1200px) no-repeat, #111316; }
.theme-knx .site-header { border-bottom-color: #243041; }
.theme-knx .site-nav a:hover, .theme-knx .site-nav a[aria-current="page"] { background: #243041; }
.theme-knx .site-nav a small { background: #243041; }
.theme-knx .lede { color: #FFD58A; }
.theme-knx .btn-ink { background: #1F4E79; color: #fff; }
.theme-knx .btn-ink:hover { background: #2A6296; box-shadow: 0 10px 28px rgba(31, 78, 121, .45); }
.theme-knx .page-hero .beta a, .theme-knx .highlights li a, .theme-knx .faq a { color: var(--page-accent); }
.theme-knx .highlights em, .theme-knx .bald-tag { color: #2B1A00; }
.knx-hero-art .glow { background: radial-gradient(50% 50% at 50% 50%, rgba(242, 179, 61, .18), transparent 70%); }
.theme-knx .highlights li:hover, .theme-knx .plan:hover { box-shadow: 0 16px 36px rgba(0, 0, 0, .4); }