/* Gemeinsame Farben & Grundstil für alle Seiten.
   Farben hier ändern → gilt für Startseite und Watch-Seite. */
:root {
  --bg: #0f1115;       /* Hintergrund */
  --panel: #171a21;    /* Karten / Seitenleiste */
  --panel2: #1e222b;   /* Buttons, Eingabefelder */
  --line: #2a2f3a;     /* Rahmen */
  --text: #e8eaf0;     /* Schrift */
  --muted: #8b93a7;    /* graue Schrift */
  --accent: #ff4d5e;   /* Akzentfarbe (Buttons) */
  --accent2: #ff7a85;  /* Akzent beim Hover */
  --radius: 12px;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--text);
  font: 14px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }