/* Design-Tokens. Diese Werte sind die Grundeinstellung (Design „Dripline“) und gelten, bis js/designs.js
   das gewählte Design anwendet. Designs selbst liegen als JSON in frontend/designs/ – Format siehe dort README.md. */
:root {
  color-scheme: dark;

  --papier: #1a1f2a;
  --papier-raster: rgba(244, 242, 236, 0.035);
  --flaeche: #232935;
  --flaeche-leise: #292e38;
  --linie: rgba(244, 242, 236, 0.09);
  --text: #f4f2ec;
  --text-leise: #a7abb4;
  --text-sehr-leise: #737986;
  --akzent: #f3c443;

  --konsole: #0a0d14;
  --konsole-linie: rgba(244, 242, 236, 0.07);
  --konsole-text: #f4f2ec;
  --konsole-leise: #7d8290;
  --spur: rgba(244, 242, 236, 0.07);

  --ok: #4caf6a;
  --laeuft: #f3c443;
  --fehler: #e5484d;
  --warnung: #e0a83a;
  --neutral: #737986;

  --schrift: "Work Sans", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --schrift-titel: "Work Sans", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --schrift-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --radius: 10px;
}