Fix: --c-bg-secondary definiert, Zoom-Control 30px, Dark-Mode Karten

- design-system.css: --c-bg-secondary hinzugefügt (fehlte → transparente Karten)
  Light: #F2EDE4, Dark: #221A12 — sichtbarer Kontrast zu --c-bg in beiden Modi
  Gilt für laeufi.js, litters.js, breeder.js Karten
- Zoom-Control: padding-top 28→30px (besser mittig zu 2 Filter-Reihen)
- components.css ?v=1014, SW by-v1021, APP_VER 1021

backend/static/css/design-system.css

@@ -17,6 +17,7 @@
 
   /* Oberflächen — Warmweiß und Strohbeige */
   --c-bg:             #FAF7F2;
+  --c-bg-secondary:   #F2EDE4;   /* Karten auf Seitenhintergrund */
   --c-surface:        #FFFFFF;
   --c-surface-2:      #EDE5D4;
   --c-surface-3:      #DDD0BB;
@@ -122,6 +123,7 @@
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme="light"]):not([data-theme="dark"]) {
     --c-bg:             #1A1410;
+    --c-bg-secondary:   #221A12;   /* Karten auf Seitenhintergrund (dunkler) */
     --c-surface:        #241C14;
     --c-surface-2:      #2E2418;
     --c-surface-3:      #3A2E20;
@@ -158,6 +160,7 @@
 /* Manuelles Dark-Theme via data-theme="dark" (überschreibt auch prefers-color-scheme: light) */
 :root[data-theme="dark"] {
   --c-bg:             #1A1410;
+  --c-bg-secondary:   #221A12;
   --c-surface:        #241C14;
   --c-surface-2:      #2E2418;
   --c-surface-3:      #3A2E20;