/* ============================================================
 * BIMeTUI — Design Tokens
 *
 * Zentrale Variablen fuer Farben, Typografie, Abstaeende, Radien.
 * Alle Komponenten erben von hier. Nichts hardcoden!
 * ============================================================ */

:root {
  /* Farben */
  --bg:       #f8f9fa;
  --surface:  #ffffff;
  --border:   #dee2e6;
  --text:     #2c3e50;
  --muted:    #8b949e;
  --accent:   #2980b9;
  --ok:       #2ecc71;
  --error:    #e74c3c;
  --warning:  #f39c12;
  --info:     #3498db;

  /* Typografie */
  --font:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono:  "Cascadia Code", "Consolas", monospace;
  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-base: 14px;
  --fs-lg:   16px;
  --fs-xl:   18px;

  /* Abstaende */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --gap:   16px;

  /* Radien */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 12px;

  /* Layout */
  --sidebar-width: 240px;
  --header-height: 56px;
}