/* Farb-, Abstands- und Schrift-Variablen. Einzige Quelle für Gestaltungswerte. */

:root {
  color-scheme: dark;

  /* Grund — echtes Schwarz, damit Farbflächen auf OLED strahlen */
  --bg: #08070A;
  --surface: #141119;
  --surface-2: #1D1924;
  --line: #2B2634;

  --text: #F4EFE6;
  --text-soft: #B3A99A;
  --text-faint: #776E62;

  /* Akzent — Glühlampe bei 2700 K */
  --accent: #FF9E2C;
  --accent-ink: #1B1206;
  --cool: #7FB6FF;

  --ok: #4FC59B;
  --warn: #E0A63C;
  --crit: #E8695B;

  --s1: 6px;  --s2: 12px; --s3: 20px;
  --s4: 32px; --s5: 52px;

  --r1: 10px; --r2: 16px; --r3: 24px; --r-pill: 999px;

  --f-ui: "Google Sans Text", "Roboto", system-ui, -apple-system, sans-serif;
  --f-data: ui-monospace, "Roboto Mono", monospace;

  --tap: 48px; /* kleinstes Tippziel */
}