/*
 * Titel: Globale Basisstile
 * Beschreibung: Enthält globale Grundregeln wie Dark Mode, Standardfarben für Links und Buttons sowie allgemeine Bildanpassungen.
 */

@media (prefers-color-scheme: dark) {
  body {
    background-color: #111111;
    color: #e5e5e5;
  }

  .site-header {
    background-color: #1a1a1a;
  }

  a {
    color: #F28C28;
  }

  .main-navigation a {
    color: #e5e5e5;
  }

  .main-navigation a:hover {
    color: #F28C28;
  }

  button,
  .button {
    background-color: #F28C28;
    color: #ffffff;
  }
}

/* Rounded Images */
.custom-rounded img {
  border-radius: 12px;
  display: block;
}