/*
 * Design-Tokens des StallbuchPros (v0.2.2, dunkel/türkis).
 * Quelle: SF WerkstattPro v0.6.1, berechnete Stile der laufenden App,
 * vom Nutzer per getComputedStyle verifiziert.
 * (Die helle/blaue Palette aus v0.2.1 stammte aus einer falschen Vorlage und ist ersetzt.)
 *
 * Dies ist die EINZIGE Datei mit Farbwerten. Alle anderen Dateien verwenden var(...).
 * Für Warnung/Fehler liefert das Original keine Farben – diese Zustände werden
 * über Text, Symbole und Rahmen mit den vorhandenen Tokens dargestellt.
 */
:root {
  color-scheme: dark;

  /* --- Quelle: SF WerkstattPro v0.6.1, berechnete Stile der laufenden App, vom Nutzer per getComputedStyle verifiziert --- */
  --background: #0a1015;
  --foreground: #edf4f6;
  --card: #14212b;
  --primary: #36e4df;
  --primary-foreground: #07292d;
  --sidebar: #0b131b;
  --sidebar-foreground: #94a9b6;
  --sidebar-accent: #173333;
  --sidebar-accent-foreground: #88f6e7;
  --sidebar-border: #293945;
  --field-background: #0c1720;
  --field-border: #304653;
  --field-text: #edf4f6;
  --radius: 0.625rem;
  --font-sans: "Segoe UI", Arial, sans-serif;

  /* Zusatzwerte (Seitenhintergrund, Topbar, Stat-Karten, Schnellstart, Brandmark) – gleiche Quelle */
  --body-glow: #123031;
  --topbar-bg: #0b151e;
  --topbar-border: #293945;
  --topbar-foreground: #94a9b6;
  --stat-from: #172631;
  --stat-to: #111c24;
  --stat-border: #293945;
  --quick-from: #163c3d;
  --quick-to: #13212b;
  --quick-border: #285658;
  --brandmark-bg: #36e4df;
  --brandmark-fg: #07292d;
  /* --- Ende Originalwerte --- */

  /* Abgebildete Tokens: das Original liefert hierfür keinen eigenen Wert.
     Keine neue Farbe – nur Verweise auf verifizierte Werte. */
  --panel-border: var(--sidebar-border);
  --panel-divider: var(--sidebar-border);
  --muted-foreground: var(--sidebar-foreground);
  --quick-bg: var(--quick-from);          /* Vollfläche (Badge, Stat-Icon); die Karte selbst nutzt den Verlauf */
  --subtle-foreground: var(--sidebar-foreground); /* abgeleitet, kein Originalwert */

  /* --- Quelle: SF WerkstattPro components/ui/sidebar.tsx --- */
  --sidebar-width: 16rem;        /* 256px, Desktop */
  --sidebar-width-mobile: 18rem; /* 288px, mobiler Drawer */
  --sidebar-width-icon: 3rem;    /* 48px, eingeklappter Icon-Modus (nicht gebaut, nur Token) */
  /* --- Ende sidebar.tsx --- */

  /* Maße aus SF WerkstattPro workspace.tsx (vom Nutzer übermittelt) */
  --topbar-height: 76px;
  --topbar-height-mobil: 62px;
  --content-max: 1440px;
  --panel-radius: 12px;
  --steuer-hoehe: 42px;   /* Inputs, Selects, Buttons (Desktop) */
  --nav-hoehe: 48px;      /* Nav-Buttons */
  --icon-groesse: 24px;

  /* Abgeleitete, semantische Tokens (nur Verweise auf Originalwerte) */
  --rand: var(--field-border);
  --rand-stark: var(--foreground);
  --text-gedaempft: var(--muted-foreground);
  --fokus: var(--primary);
  --warnung-rand: var(--foreground);
  --fehler-rand: var(--foreground);
  --overlay: var(--background);   /* Abdunklung hinter Drawer/Dialog (vorher hell) */

  /* Nicht-farbliche Gestaltungswerte */
  --abstand-1: 0.25rem;
  --abstand-2: 0.5rem;
  --abstand-3: 0.75rem;
  --abstand-4: 1rem;
  --abstand-5: 1.5rem;
  --abstand-6: 2rem;
  --schrift-klein: 0.875rem;
  --schrift-basis: 1rem;
  --schrift-gross: 1.25rem;
  --schrift-titel: 1.5rem;
  --touch-min: 44px;      /* Mindestgröße für Touch-Ziele auf Mobilgeräten */
}