/* kweno.app brand palette for the docs site.
 *
 * Mirrors the in-app brand: the kweno.app paper-plane blue (#1461c9) used by the
 * app-logo mark and wordmark. We drive Material's colour tokens directly rather
 * than a named palette so the header, links, and accents match the application.
 * Targeting [data-md-color-primary] as well as :root guarantees the override
 * wins over Material's default primary attribute rule regardless of load order.
 */

:root,
[data-md-color-primary] {
  --md-primary-fg-color:        #1461c9; /* brand blue — header, primary accents */
  --md-primary-fg-color--light: #4a86dd;
  --md-primary-fg-color--dark:  #0f4c9c;
  --md-primary-bg-color:        #ffffff; /* text/icons on the brand-blue header */
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

:root {
  --md-accent-fg-color:              #1461c9;
  --md-accent-fg-color--transparent: rgba(20, 97, 201, 0.1);
  --md-typeset-a-color:              #1461c9; /* body links */
}

/* Dark scheme: keep the brand-blue header, but lighten interactive blue so
 * links and accents stay legible on dark surfaces (echoes the logo's #bcd4f2). */
[data-md-color-scheme="slate"] {
  --md-accent-fg-color:              #6ea8f0;
  --md-accent-fg-color--transparent: rgba(110, 168, 240, 0.1);
  --md-typeset-a-color:              #6ea8f0;
}

/* Give the paper-plane mark a touch more presence in the header. */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.55rem;
  width: auto;
}