BarSelect: system-natives <select> + colorScheme:dark (Versuch Vectorworks-Style)

User-Wunsch: Dropdowns wie bei Vectorworks — also nativer OS-Look statt
Custom-Caret + custom Popup.

BarSelect umgebaut:
- appearance:none entfernt → WebKit/macOS rendert seinen eigenen Down-Caret
- custom <Icon arrow_drop_down> entfernt
- pill-Container weg, das <select>-Element selbst traegt jetzt direkt das
  pill-Styling (Hintergrund, Border, Border-Radius)
- colorScheme: 'dark' inline und auch global in index.css gesetzt
  damit macOS-Native-Controls die Dark-Mode-Variante rendern

index.css:
- :root color-scheme: light (default)
- @prefers-color-scheme: dark → color-scheme: dark
- Wirkt auf alle nativen Controls (selects, scrollbars, checkboxen)

Resultat: Klick auf ein Dropdown oeffnet das echte macOS-Popup-Menue
(wie in Vectorworks) statt das HTML-Browser-Dropdown.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/index.css

@@ -20,6 +20,10 @@
 }
 
 :root {
+  /* Native OS-Controls (selects, scrollbars) sollen dem aktuellen Theme
+     folgen. Wert wird im prefers-color-scheme: dark Block ueberschrieben. */
+  color-scheme: light;
+
   /* === LIGHT MODE (RAPPORT cream + olive + deep green) === */
   --bg-base:       #e0dbd4;
   --bg-panel:      #e0dbd4;
@@ -75,6 +79,7 @@
 /* === DARK MODE (Rhino-tonig) === */
 @media (prefers-color-scheme: dark) {
   :root {
+    color-scheme: dark;
     --bg-base:       #2a2a2a;
     --bg-panel:      #2a2a2a;
     --bg-section:    #2a2a2a;