/* Colores primarios (barra superior) */
:root {
  /* Fondo de la barra (primary) */
  --md-primary-fg-color: #C9A723;
  --md-primary-fg-color--light: #e2cf61;
  --md-primary-fg-color--dark:  #9f8a1b;

  /* Color del texto/íconos sobre la barra */
  --md-primary-bg-color: #000000; /* negro */
}

/* Asegurar texto/íconos negros en header y tabs */
.md-header,
.md-tabs {
  background-color: var(--md-primary-fg-color);
}
.md-header .md-header__title,
.md-header .md-header__button,
.md-header .md-icon,
.md-tabs__link {
  color: var(--md-primary-bg-color) !important;
  fill: var(--md-primary-bg-color) !important;
}

/* (Opcional) aplica lo mismo para modo oscuro si usas 'slate' */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #C9A723;
  --md-primary-fg-color--light: #e2cf61;
  --md-primary-fg-color--dark:  #9f8a1b;
  --md-primary-bg-color: #000000;
}