@media (prefers-color-scheme: dark) {
  :root {
    --dark-background: #121212;
    --dark-surface: #1e1e1e;
    --dark-text-primary: #e0e0e0;
    --dark-text-secondary: #b0b0b0;
    --dark-shadow-color: rgba(255, 255, 255, 0.1);
  }

  body {
    background-color: var(--dark-background);
    color: var(--dark-text-primary);
  }

  h1,
  h2 {
    color: var(--dark-text-primary);
  }

  .rss-item {
    background-color: var(--dark-surface);
    box-shadow: 0 2px 4px var(--dark-shadow-color);
  }

  .rss-item h3 {
    color: var(--dark-text-primary);
  }

  .rss-item p {
    color: var(--dark-text-secondary);
  }

  .loader-bar {
    background:
      linear-gradient(var(--loader-active) 0 0) 0/0% no-repeat var(--loader-dark-inactive);
    /* Animation and other properties are inherited or remain the same */
  }
}