/* Bécik theme overrides for MkDocs Material.
   Uses Bécik tokens to style the top header and search UI.
*/

:root {
  /* Minimal token subset for MkDocs (mirrors src/app/globals.css) */
  --becik-blue-900: #005081;
  --becik-blue-700: #147BB6;

  --becik-primary: var(--becik-blue-700);
  --becik-ink: var(--becik-blue-900);

  /* Prefer Material variables when available */
  --md-primary-fg-color: var(--becik-primary);
  --md-search-bg-color: var(--becik-ink);
  --md-search-fg-color: #ffffff;
}

/* Header background */
.md-header {
  background-color: var(--becik-primary) !important;
}

/* Search background + contrast */
.md-search__form {
  background-color: var(--becik-ink) !important;
}

.md-search__input,
.md-search__icon,
.md-search__input::placeholder {
  color: #ffffff !important;
}

.md-search__input::placeholder {
  opacity: 0.75;
}

/* Keep header icons/text readable */
.md-header__title,
.md-header__button,
.md-header__topic,
.md-header__source {
  color: #ffffff !important;
}

/* Optional: slightly brighter on hover/focus */
.md-search__form:hover,
.md-search__form:focus-within {
  background-color: color-mix(in srgb, var(--becik-ink) 92%, #000) !important;
}