:root {
  --md-accent-fg-color: #DC0018;      /* Swiss federal red */
  --hermes-navy: #2F4356;             /* dark strip at the very top */
}

/* --- Light mode header: white bar, dark text --- */
[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
  color: #454545;
  border-bottom: 1px solid #e5e5e5;
}

/* Dark navy strip above the header (like the language/method selector bar) */
.md-header::before {
  content: "";
  display: block;
  height: 10px;
  background: var(--hermes-navy);
}

/* --- Tabs bar: white with dark text, red underline on active tab --- */
[data-md-color-scheme="default"] .md-tabs {
  background-color: #ffffff;
  color: #454545;
  border-bottom: 1px solid #e5e5e5;
}

.md-tabs__link {
  opacity: 1;
}

.md-tabs__link--active,
.md-tabs__item--active .md-tabs__link {
  color: #DC0018;
  border-bottom: 3px solid #DC0018;
  font-weight: 600;
}

/* Links in Confederation blue */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #006699;
  --md-typeset-color: #454545;
}

/* --- Dark mode: keep the navy as the header color --- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2F4356;
  --md-typeset-a-color: #4da3d1;
}