:root {
  color-scheme: light;

  --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-black);
  --text-color-light: var(--base-medium-grey);
  --text-color-link: var(--accent-blue);
  --text-color-active: var(--base-black);
  --main-bg-color: var(--base-white);
  --border-color: var(--base-ash-grey);
  --image-border-color: var(--base-ash-grey);
  --menu-bg-color: var(--base-white);
  --eyecatcher-bg-color: var(--base-black);
  --footer-bg-color: var(--base-black);
  --blockquote-bg-color: var(--accent-light-blue);
  --articlefooter-bg-color: var(--accent-light-blue);
  --grey-container-bg-color: #ebedf1;
  --testimonial-text-color: #414141;
  --testimonial-highlight-color: #fff8d6;
  --testimonial-translate-button-color: rgb(233, 233, 254);
  --testimonial-translate-button-text-color: #5e5e99;
  --testimonial-border-color: var(--border-color);
  --social-bg-color: var(--accent-light-blue);
  --hero-border-color: transparent;
  --header-border-color: var(--base-light-grey);
  --placeholder-text-color: var(--base-light-grey);
  --text-sshh: var(--base-black);

  --gradient-teaser-light: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  --gradient-teaser-dark: linear-gradient(rgba(235, 237, 241, 0), rgba(235, 237, 241, 1));
}

.hero {
  border: none;
}

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