:root {
  color-scheme: dark;

  --base-darkest: #000000;
  --base-black: #222222;
  --base-dark-grey: #333333;
  --base-medium-grey: #81868b;
  --base-light-grey: #c1c5ca;
  --base-ash-grey: #e6e9eb;
  --base-white: #ffffff;

  --accent-blue: #3183ff;
  --accent-blue-hover: #2a76e7;
  --accent-light-blue: #f5f8fd;
  --accent-green: #2eb75c;

  --text-color-base: var(--base-white);
  --text-color-light: var(--base-medium-grey);
  --text-color-link: var(--accent-blue);
  --text-color-active: var(--base-white);
  --main-bg-color: var(--base-black);
  --border-color: var(--base-medium-grey);
  --image-border-color: var(--base-dark-grey);
  --menu-bg-color: var(--base-dark-grey);
  --eyecatcher-bg-color: var(--base-dark-grey);
  --eyecatcherfooter-bg-color:var(--base-black);
  --footer-bg-color: var(--base-darkest);
  --blockquote-bg-color: var(--base-dark-grey);
  --articlefooter-bg-color: var(--base-dark-grey);
  --grey-container-bg-color: var(--base-darkest);
  --testimonial-text-color: var(--base-white);
  --testimonial-highlight-color: #947b00;
  --testimonial-translate-button-color: #595959;
  --testimonial-translate-button-text-color: #efefef;
  --testimonial-border-color: var(--base-black);
  --social-bg-color: var(--base-dark-grey);
  --hero-border-color: var(--border-color);
  --header-border-color: var(--base-dark-grey);
  --placeholder-text-color: var(--base-medium-grey);
  --text-sshh: var(--base-white);

  --gradient-teaser-light: linear-gradient(rgba(34, 34, 34, 0), rgba(34, 34, 34, 1));
  --gradient-teaser-dark: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

button.header-nav__darkmode #moon {
  display: none;
}