/* ╔══════════════════════════════════════════════════════════════╗
   ║  observ OS — theme.css                                      ║
   ║  Hier Farben und Schriften ändern.                          ║
   ║  Alle Werte mit var(--...) werden automatisch übernommen.   ║
   ╚══════════════════════════════════════════════════════════════╝ */

:root {
  /* Hauptfarben */
  --primary:        #3066be;      /* Blau — Buttons, Links, Akzente */
  --primary-dark:   #090c9b;      /* Dunkelblau — Verläufe, Headlines */
  --primary-light:  rgba(48,102,190,.1); /* Helles Blau — Hover, Backgrounds */

  /* Hintergründe */
  --bg-light:       #edf1f9;      /* Heller Hintergrund (Login, Feierabend) */
  --bg-dark:        #06080f;      /* Dunkler Hintergrund (Boss, Crash) */
  --bg-card:        #ffffff;      /* Kartenhintergrund */
  --bg-card-dark:   rgba(9,12,50,.5); /* Dunkle Karte */

  /* Texte */
  --text-primary:   #2c2c3a;      /* Haupttext hell */
  --text-secondary: #5a5468;      /* Sekundärtext */
  --text-muted:     #9ba3af;      /* Gedimmter Text */
  --text-dark:      rgba(251,255,241,.85); /* Haupttext dunkel */
  --text-dark-dim:  rgba(180,197,228,.4);  /* Gedimmter Text dunkel */

  /* Rahmen */
  --border-light:   #dde3f0;
  --border-dark:    rgba(180,197,228,.15);

  /* System-Farben */
  --color-good:     rgba(34,197,94,.7);   /* Grün — Aufgaben erledigt */
  --color-warn:     rgba(249,115,22,.75); /* Orange — Idle, Warnungen */
  --color-error:    rgba(239,68,68,.75);  /* Rot — Alarm */

  /* Schriften — Namen müssen mit @font-face übereinstimmen */
  --font-ui:        'Inter', sans-serif;
  --font-mono:      'CascadiaCode', monospace;
  --font-display:   'BebasNeue', sans-serif;
}

/* ── Browser-Startseite ─────────────────────────────────────────
   Logo-Farbe ändern: CSS-Filter für das SVG.
   Tool zum Berechnen: https://codepen.io/sosuke/pen/Pjoqqp
   Aktuell: #3066be (Hauptblau) */
.br-obs-logo {
  filter: invert(34%) sepia(62%) saturate(669%) hue-rotate(194deg) brightness(92%) contrast(93%);
  /* Für Schwarz: filter: none;
     Für Weiß:   filter: invert(1) brightness(2);
     Für Dunkelblau (#090c9b): invert(15%) sepia(97%) saturate(1500%) hue-rotate(234deg) brightness(80%) */
}