/* Lichtnaht — gemeinsame Grundlage für Editor, Ansicht und Rechtstexte:
   Schriften (selbst gehostet, kein Aufruf bei Dritten) und Farb-Tokens.
   Bewusst nur ein dunkles Thema: ein heller Hintergrund würde als Lichtfleck
   auf dem Objekt landen. */

@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;
  src:url('../assets/fonts/barlow-400.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;
  src:url('../assets/fonts/barlow-500.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;
  src:url('../assets/fonts/barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;
  src:url('../assets/fonts/barlow-condensed-500.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;
  src:url('../assets/fonts/barlow-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url('../assets/fonts/barlow-condensed-700.woff2') format('woff2')}

:root{
  color-scheme:dark;
  --stage:#000;            /* Projektionsfläche: Schwarz = kein Licht */
  --panel:#141821;
  --panel-2:#1e2532;
  --line:#303a4d;
  --fg:#e9edf5;
  --dim:#9aa5ba;
  --lamp:#ffb53d;          /* Bernstein: Auswahl, Hauptaktion — die „Lampe“ */
  --lamp-ink:#1c1303;
  --cool:#7fd6ff;          /* Kaltes Blau: Aussparungen, Fokus, Verbindung */
  --ok:#7be0a3;
  --warn:#ff8f6b;
  --f-display:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif;
  --f-body:'Barlow','Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}