/* Brand palette, taken from brand/icon.svg:
   gradient #2B5FB0 -> #22B8C9 (light tint #6FD0E2), accent #FF8A4C. */
:root {
  --md-primary-fg-color: #268bbc; /* gradient midpoint */
  --md-primary-fg-color--light: #6fd0e2;
  --md-primary-fg-color--dark: #2b5fb0;
  --md-accent-fg-color: #ff8a4c;
  --md-accent-fg-color--transparent: #ff8a4c1a;
}

/* The header carries the icon's actual gradient. */
.md-header {
  background-image: linear-gradient(90deg, #2b5fb0 0%, #22b8c9 100%);
}

/* Slate scheme: keep links/accents on-brand and readable on dark. */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #6fd0e2;
  --md-accent-fg-color: #ff8a4c;
}