/*
 * wservices' colours. They follow www.wservices.ch (wservices.web1,
 * src/styles/global.css): GitHub's neutral greys and blue, in light and dark
 * mode. They take the place of the neutral colours of theme.css, which come
 * from djangoeurope.com, and of the brand colours of djangoeurope.css.
 */

:root {
  --bg: light-dark(#fff, #0d1117);
  --text: light-dark(#1f2328, #e6edf3);
  --muted: light-dark(#656d76, #8b949e);
  --border: light-dark(#d0d7de, #30363d);
  --surface: light-dark(#f6f8fa, #161b22);
  --raised: light-dark(#fff, #161b22);
  --brand: light-dark(#0969da, #58a6ff);
  --brand-dark: light-dark(#0550ae, #79c0ff);
  --brand-light: light-dark(#ddf4ff, rgba(88, 166, 255, 0.15));
  --brand-focus: rgba(9, 105, 218, 0.2);
  --heading: light-dark(#1f2328, #fff);
  --link: light-dark(#0969da, #58a6ff);
  --link-hover: light-dark(#0550ae, #79c0ff);
  --accent: light-dark(#0969da, #58a6ff);
}

/* The logo is a light mark, for the website's dark header: dark in light mode */
:root:not([data-theme="dark"]) .brand-logo-invert {
  filter: brightness(0) opacity(0.72);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] .brand-logo-invert {
    filter: none;
  }
}