/* styles-darkmode-fix.css
   Ergänzt fehlende Farben im Dark-Mode.
   Falls du das schon in styles.css sauber gelöst hast, kannst du diese Datei weglassen.
*/

:root {
  --bg: #ffffff;
  --text: #111318;
  --muted: #666c7a;
  --card: #f6f7f9;
  --border: #e5e7eb;
  --link: #0a7ea4;
}

[data-theme="dark"] {
  --bg: #0f1115;
  --text: #e7e9ee;
  --muted: #a0a4b1;
  --card: #161a22;
  --border: #2a2f3a;
  --link: #7dd3fc;
}

html, body {
  background: var(--bg);
  color: var(--text);
}

a { color: var(--link); }
.muted { color: var(--muted); }

/* Tabellen & Zeilen */
table.events {
  width: 100%;
  border-collapse: collapse;
}

table.events th, table.events td {
  border-bottom: 1px solid var(--border);
  padding: .5rem .6rem;
}

details.year-block {
  margin: .5rem 0 1rem;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: .5rem;
  padding: .2rem .4rem .6rem;
}

details.year-block > summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  padding: .4rem .2rem;
}

tr.clickrow { cursor: pointer; }

/* Hover-Farben */
tr.clickrow:hover {
  background: rgba(0,0,0,.04);
}
[data-theme="dark"] tr.clickrow:hover {
  background: rgba(255,255,255,.06);
}