/* Euvic brand palette for the module documentation site.
 *
 * Source of every value: Euvic_Mini Brand book_2023_ENG.pdf (April 2023), held by the
 * marketing department. Blue #006EB1 is page 12; Blue 3 #0096E0 is page 13. No shade here
 * is derived or invented - if a new one is ever needed, take it from the book.
 *
 * Material exposes `primary: custom` and `accent: custom` through these attribute
 * selectors, not through :root, and tells the two schemes apart with
 * [data-md-color-scheme=slate]. Both facts are why the file looks like this.
 */

[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #006EB1;
  --md-primary-fg-color--light: #0096E0;
  --md-primary-fg-color--dark:  #006EB1;
  --md-primary-bg-color:        #FFFFFF;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color:              #006EB1;
  --md-accent-fg-color--transparent: rgba(0, 110, 177, 0.1);
  --md-accent-bg-color:              #FFFFFF;
  --md-accent-bg-color--light:       rgba(255, 255, 255, 0.7);
}

/* Dark scheme. #006EB1 on Material's slate background (#1E2129) measures 3.0:1, under
 * WCAG AA's 4.5:1 for body text, so links and accents move to Blue 3, which measures
 * 4.9:1. The header keeps #006EB1: it is a large solid field, not text on the page
 * background. */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #0096E0;
}

[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color:              #0096E0;
  --md-accent-fg-color--transparent: rgba(0, 150, 224, 0.1);
}

/* Material 9.7.7 already sets width:auto/height:1.2rem on the header logo, so this rule
 * changes nothing today. It is pinned deliberately: the wordmark is roughly 5.5:1, and an
 * upgrade that went back to sizing logos as a square would squash it silently. */
.md-header__button.md-logo :is(img, svg) {
  width: auto;
  height: 1.2rem;
}

/* Accent equals the link colour on purpose - the brand book gives two blues, not four - so
 * a colour change cannot signal hover. Material draws body links with colour alone and no
 * underline, which would leave hover and keyboard focus with no visible state at all. */
.md-typeset a:focus,
.md-typeset a:hover {
  text-decoration: underline;
}