:root {
  /* Brand Colors from thermaldrones.de */
  --md-primary-fg-color: #f26522;
  --md-primary-fg-color--light: #f5844e;
  --md-primary-fg-color--dark: #b84a16;

  /* Corner Roundness */
  --md-border-radius: 6px;
}

/* Hintergrund für Header und Tabs im hellen Modus auf Weiß setzen */
[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
  color: #333333;
  /* Dunkle Textfarbe für Lesbarkeit */
}

[data-md-color-scheme="default"] .md-tabs {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
  /* Leichte Trennlinie */
}

/* Icons und Logo-Farbe anpassen, damit sie auf Weiß sichtbar sind */
[data-md-color-scheme="default"] .md-header__button,
[data-md-color-scheme="default"] .md-header__title {
  color: #333333;
}

/* Farbe der Tabs (Navigation unter dem Header) */
[data-md-color-scheme="default"] .md-tabs__link {
  color: #555555;
}

/* Aktiver Tab-Link */
[data-md-color-scheme="default"] .md-tabs__item--active .md-tabs__link {
  color: #ef5350;
  /* Hier wird deine Akzentfarbe 'deep orange' genutzt */
}

/* Apply Brand Styling */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 700;
  color: #222222;
}

.md-header {
  background-color: #222222;
}

.md-header__button.md-logo img {
  height: 2rem;
  width: auto;
}

/* Card and Button Rounding */
.md-card,
.md-button,
.md-nav__link {
  border-radius: var(--md-border-radius);
}

/* Adjusting the search bar for the dark header */
.md-search__input {
  border-radius: var(--md-border-radius);
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: .5rem;
}