/* WRA Wi-Fi help site. Keep this small; the Material theme does the heavy lifting.
   Brand color: WRA green #005c34. mkdocs.yml sets primary and accent to "custom",
   which reads the properties below. */
:root {
  --md-primary-fg-color: #005c34;
  --md-primary-fg-color--light: #007a45;
  --md-primary-fg-color--dark: #004428;
  --md-accent-fg-color: #007a45;
}

/* Dark mode: the header keeps WRA green; links and hovers use lighter greens
   so they stay readable on the dark background. */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #5cc391;
  --md-accent-fg-color: #7ed6aa;
}

/* The seal's outer ring is dark green, so set it on a white disc to stand out
   on the green header. */
.md-logo img {
  background: #fff;
  border-radius: 50%;
  padding: 1px;
}

.md-header__button.md-logo img {
  height: 1.8rem;
}

/* Phone screenshots: keep them a readable size on desktop, full width on phones. */
.md-typeset img {
  max-height: 640px;
  width: auto;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* Step headings a little tighter; the guides are mostly numbered steps. */
.md-typeset h2 {
  margin-top: 1.6em;
}

/* Footer contact links: underline so they read as tappable on phones. */
.md-copyright a {
  color: inherit;
  text-decoration: underline;
}