/* === Dark mode overrides === */
@media (prefers-color-scheme: dark) {
  /* === Dark Mode === */
  :root {
    --page-bg: #121212;
    --card-bg: #1c1c1c;
    --data-bg: #262626;

    --fg: #e4e4e4;
    --content: #b5b5b5;
    --labels: #9a9a9a;
    --footer: #888;

    --accent: #4fa043;
    --accent-hover: #6ab85c;

    --border: #2e2e2e;

    --cat-bg: #333;
    --cat-gruen: var(--accent);
    --cat-blau: #3d7fc9;
    --cat-lila: #9b59b6;
    --cat-orange: #f26a3d;
    --cat-grau: #9e9e9e;

    --notes-bg: #162116;
    --notes-border: #2e4b2e;

    --shadow-base: 0 2px 10px rgba(0,0,0,0.6);

    --transition: 0.25s ease;
  }

  .gallery-layout .gallery-item .count,
  .comment-meta { color: #aaa; }
  .update-separator {
    border-top-color: rgba(255, 255, 255, 0.2);
  }
}