/* InaSAFE brand colours, extracted from inasafe-graphics/logo/*.svg and
   inasafe-graphics/logo-url/Logo-url-monochrome-orange.svg. */
:root {
  --md-primary-fg-color: #2f3338;
  --md-primary-fg-color--light: #4a4f56;
  --md-primary-fg-color--dark: #202327;
  --md-accent-fg-color: #f15a2b;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2f3338;
  --md-accent-fg-color: #f15a2b;
}

/* The logo SVG has a hardcoded dark fill (#2F3338) for light backgrounds -
   invert it in dark mode so it isn't near-invisible against the dark header. */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  filter: invert(1);
}

/* Sitewide disclaimer, carried over from the original inasafe.org footer -
   plain text there too, no box/border. */
.inasafe-disclaimer {
  font-size: 0.7rem;
  opacity: 0.8;
  margin-bottom: 0.5em;
}

/* Per-page "last updated" date, moved here from the bottom of every page's
   content (see overrides/partials/source-file.html) - unobtrusive, footer-only. */
.inasafe-page-updated {
  font-size: 0.7rem;
  opacity: 0.7;
}

/* Visible per-section accent strip under the header - see overrides/main.html
   for the colour-per-section logic. The old site's equivalent ("second-menu")
   was a full-width coloured bar; this is the same idea, simplified to a thin
   strip since we don't have a matching secondary-nav link set to put in it. */
.inasafe-accent-bar {
  height: 4px;
  width: 100%;
}