/* CampusVerleih Docs – Custom Theme */

:root {
  /* Material Theme Color Overrides */
  --md-primary-fg-color: hsl(192, 70%, 28%);
  --md-primary-fg-color--light: hsl(192, 60%, 42%);
  --md-primary-fg-color--dark: hsl(192, 70%, 22%);
  --md-primary-bg-color: hsl(0, 0%, 100%);
  --md-primary-bg-color--light: hsl(0, 0%, 100% / 0.7);

  --md-accent-fg-color: hsl(24, 95%, 58%);
  --md-accent-fg-color--transparent: hsl(24, 95%, 58% / 0.1);
  --md-accent-bg-color: hsl(0, 0%, 100%);
  --md-accent-bg-color--light: hsl(0, 0%, 100% / 0.7);

  --md-default-fg-color: hsl(210, 40%, 12%);
  --md-default-fg-color--light: hsl(210, 15%, 45%);
  --md-default-fg-color--lighter: hsl(210, 15%, 45% / 0.6);
  --md-default-fg-color--lightest: hsl(210, 15%, 45% / 0.3);
  --md-default-bg-color: #f8fafb;
  --md-default-bg-color--light: #f8fafb;
  --md-default-bg-color--lighter: #f8fafb;
  --md-default-bg-color--lightest: #f8fafb;

  --md-code-fg-color: hsl(192, 70%, 28%);
  --md-code-bg-color: hsl(210, 20%, 96%);

  --md-typeset-a-color: hsl(192, 70%, 28%);

  --md-footer-fg-color: hsl(0, 0%, 100%);
  --md-footer-fg-color--light: hsl(0, 0%, 100% / 0.7);
  --md-footer-fg-color--lighter: hsl(0, 0%, 100% / 0.5);
  --md-footer-bg-color: hsl(192, 70%, 22%);
  --md-footer-bg-color--dark: hsl(192, 70%, 16%);
}

/* Header */
.md-header {
  background: #ffffff;
  color: #000000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.md-header__topic .md-ellipsis,
.md-header .md-icon,
.md-header .md-search__icon {
  color: #000000;
}

.md-header__inner {
  height: 65px;
}

.md-header__button.md-logo img {
  height: 36px;
  width: auto;
  border-radius: 1rem;
}

.md-header__topic .md-ellipsis {
  font-size: 20px;
}

/* Navigation Tabs */
.md-tabs {
  background-color: var(--md-primary-fg-color--dark);
}

/* Sidebar */
.md-nav__link--active,
.md-nav__link:is([href]):hover {
  color: var(--md-accent-fg-color);
}

.md-nav__item--active > .md-nav__link {
  color: var(--md-primary-fg-color);
  font-weight: 600;
}

/* Links */
.md-typeset a:hover {
  color: var(--md-primary-fg-color--dark);
}

/* Headings */
.md-typeset h1 {
  color: var(--md-primary-fg-color);
  font-weight: 700;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  font-weight: 600;
}

/* Buttons */
.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
}

.md-typeset .md-button--primary:hover {
  background-color: var(--md-primary-fg-color--dark);
  border-color: var(--md-primary-fg-color--dark);
}