/* Plan #031 Slice E — brand palette override.
   Material's named "blue" gets us close; these override the primary hue to the
   exact Portugal Odyssey brand accent (#1E5A8F ocean blue, from web-presence
   design tokens accent.brand) for light, and the lighter #4F93CB for dark. */

:root {
  --po-brand: #1E5A8F;
  --po-brand-strong: #10395E;
  --po-brand-soft: #D6E4F0;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--po-brand);
  --md-primary-fg-color--light: #2f6fa6;
  --md-primary-fg-color--dark: var(--po-brand-strong);
  --md-accent-fg-color: var(--po-brand);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #4F93CB;
  --md-primary-fg-color--light: #6aa8d9;
  --md-primary-fg-color--dark: #1B3551;
  --md-accent-fg-color: #4F93CB;
}

/* Dark-mode header/tabs contrast fix (WCAG AA).
   Material paints the header + tabs bar with --md-primary-fg-color and renders
   the title/icons in white. In slate mode that is white-on-#4F93CB ≈ 3.30:1,
   which FAILS AA (4.5:1) for the header title text. Repaint the header surface
   with the darker brand tone (#1B3551); white-on-it ≈ 10:1. The #4F93CB accent
   stays for links/active states where it already passes. */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--md-primary-fg-color--dark);
}

/* Header logo (square brand monogram, 100x100 viewBox). */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}