/* Gemeinsame Optik aller Bildschirme (ECHO-7). Läuft offline – die Schrift liegt lokal in shared/fonts/. */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-display: block;
}

/* Farbwelt (aus der ECHO-7-Vorlage) */
:root {
  --bg: #020c0d;
  --panel: #071a19;
  --field: #111e1c;
  --sand: #f5e4b5;
  --cream: #ffffe1;
  --dim: #a19b71;
  --ok: #9fd6a4;
  --amber: #e8a93a;
  --red: #e2573f;
  --line: rgba(161, 155, 113, 0.55);
  --font: 'IBM Plex Mono', 'DejaVu Sans Mono', Consolas, monospace;

  /* Kurznamen für Sequenzen */
  --fg: var(--sand);
  --fg-dim: var(--dim);
  --alert: var(--red);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  text-transform: uppercase;
  letter-spacing: 0.045em;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  cursor: none;
  user-select: none;
  overscroll-behavior: none;
}

@keyframes blink { 50% { opacity: 0; } }
@keyframes pulse { 50% { opacity: 0.55; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}