/* NEXUS NEWS — zentrale Designquelle (§55 Abschnitt 3, verbindlich)
   Versorgt: Website, Kundenbereich (Mein NEXUS), Adminvorschau, Videoexport */
:root {
  --nx-bg: #0a0f1c;
  --nx-surface: #101929;
  --nx-raised: #162236;
  --nx-text: #eef3fb;
  --nx-muted: #afbdd2;
  --nx-blue: #4f9cff;
  --nx-ink-on-blue: #06152b;
  --nx-word-highlight: #7db8ff;
  --nx-border: #223049;
  --nx-radius: 14px;
  --nx-font-display: "Space Grotesk", system-ui, sans-serif;
  --nx-font-body: "Inter", system-ui, sans-serif;
}
body.nexus-area { background: var(--nx-bg); color: var(--nx-text); font-family: var(--nx-font-body); }
.nx-karte { background: var(--nx-surface); border: 1px solid var(--nx-border); border-radius: var(--nx-radius); padding: 1.1rem 1.2rem; }
.nx-karte.angehoben { background: var(--nx-raised); }
.nx-btn { background: var(--nx-blue); color: var(--nx-ink-on-blue); border: none; border-radius: 999px; padding: .8rem 1.3rem; font-weight: 700; cursor: pointer; min-height: 48px; }
.nx-btn.ghost { background: transparent; border: 1px solid var(--nx-border); color: var(--nx-text); }
.nx-status { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: var(--nx-muted); }
.nx-status .punkt { width: 8px; height: 8px; border-radius: 50%; }
.nx-status.ok .punkt { background: #34d399; }
.nx-status.warn .punkt { background: #fbbf24; }
.nx-status.fehler .punkt { background: #f87171; }