/* MMS brand — primary #024042 */

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #024042;
  --md-primary-fg-color--light: #036668;
  --md-primary-fg-color--dark: #012829;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #024042;
  --md-accent-bg-color: #0240421a;
}

/* Logo — white on brand header; sidebar adapts to light/dark drawer */
.md-header__button.md-logo img {
  height: 2rem;
  width: auto;
  filter: brightness(0) invert(1);
}

[data-md-color-scheme="slate"] .md-nav__button.md-logo img {
  height: 2rem;
  width: auto;
  filter: brightness(0) invert(1);
}

[data-md-color-scheme="default"] .md-nav__button.md-logo img {
  height: 2rem;
  width: auto;
  /* #024042 on light sidebar */
  filter: brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(1742%)
    hue-rotate(145deg) brightness(94%) contrast(101%);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #3d9a9c;
  --md-primary-fg-color--light: #5bb8ba;
  --md-primary-fg-color--dark: #024042;
  --md-primary-bg-color: #1a1a1a;
  --md-primary-bg-color--light: #ffffff1a;
  --md-accent-fg-color: #5bb8ba;
  --md-accent-bg-color: #5bb8ba1a;
}

/* Footer — brand teal (not default black) */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-footer-bg-color: #024042;
  --md-footer-fg-color: #ffffffde;
  --md-footer-bg-color--light: #036668;
  --md-footer-fg-color--light: #ffffff8a;
}

.md-footer {
  background-color: var(--md-footer-bg-color);
  color: var(--md-footer-fg-color);
}

.md-footer-meta {
  background-color: #012829;
}

/* Copyright centered (tool links are in the header) */
footer.md-footer .md-footer-meta .md-footer-meta__inner {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.5rem 1rem;
}

footer.md-footer .md-copyright {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0 auto !important;
  text-align: center !important;
}

/* GitLab + OpenProject in header */
.mms-header__tools {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  margin-left: 0.25rem;
}

.mms-header__tools .md-header__button {
  color: var(--md-primary-bg-color, #fff);
}

.mms-header__tools .md-header__button:hover {
  color: #fff;
  opacity: 0.85;
}

.mms-header__tools .md-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

.mms-header__tools .mms-header__tool-img {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  object-fit: contain;
}

.md-copyright,
.md-copyright__highlight {
  color: var(--md-footer-fg-color);
  font-size: 0.7rem;
}

.md-copyright a {
  color: #fff;
}

.md-copyright a:hover {
  color: #b8e8e9;
}

/* Wider content area — 80% of viewport (Material default is 61rem) */
.md-grid {
  max-width: 80% !important;
}
