/* Design-Tokens für alle Seiten (App, Rechtsseiten, Admin). Farben, Schriften, Radien, Abstände, Ebenen, Bewegung. */
:root {
  /* Flächen und Text */
  --bg: #0d1418;
  --panel: #131d22;
  --panel-2: #18252c;
  --line: #24363f;
  --fg: #d8e3e6;
  --muted: #7f949b;
  --overlay: rgba(13, 20, 24, .86);
  --backdrop: rgba(5, 9, 11, .72);
  /* Akzent und Zustände */
  --accent: #f2a03d;
  --accent-ink: #1a1206;
  --accent-soft: #3a2a10;
  --danger: #ef6a5b;
  --warn: var(--danger);
  --ok: #8fd16a;
  --me: #4fa3ff;
  --me-ring: rgba(79, 163, 255, .25);
  --white: #fff;
  /* Kennzeichnung von Beta-Funktionen */
  --beta: #c98bf0;
  --beta-ink: #1d1024;
  /* Tourarten */
  --c-lost: #c98bf0;
  --c-fish: #4fc3e0;
  --c-camp: #8fd16a;
  --c-bike: #f2a03d;
  /* Schrift */
  --font-display: "Saira Condensed", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --fs-xs: 11px;
  --fs-s: 12px;
  --fs-m: 13px;
  --fs-base: 14px;
  /* Radien */
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 8px;
  --radius-pill: 999px;
  /* Abstände */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  /* Ebenen */
  --z-toast: 1000;
  /* Bewegung */
  --dur-fast: .15s;
  /* Mindestgröße für Tippflächen bei Touch-Bedienung */
  --touch: 44px;
  color-scheme: dark;
}