/**
 * Main color settings
 */

:root {
  --scheme-color-bright : #9fadba;
  --scheme-color-medium : #60879e;
  --scheme-color-dark : #2f5064;
  --scheme-color-neutral-borders : #d6d6d6;
  --scheme-color-overall-background-color : white;

  --main-font-color: #333;
  --light-font-color: #d6d6d6;
  --medium-font-color: dargray;
  
  --text-link-color: blue;
  --text-link-hover-color: blue;

  --error-font-color: #e52421;
  --success-font-color: #32db01;

  --main-menue-button-font-color: white;
  --main-menue-button-border-divider-color: var(--main-menue-button-font-color);
  --footer-font-color: white;
  --font-color-for-dark-background: white;

  --filter-menue-block-heading-font-color: black;

  --sub-menue-backgound-color: white;
  --sub-menue-hover-color: #e3e3e3;
  --sub-menue-font-color: var(--main-font-color);
  --sub-menue-hover-font-color: #ad0907;

  --filter-selected-border-color: red;

  --article-box-border-color: var(--scheme-color-neutral-borders);
  --article-box-border-hover-color: var(--sub-menue-hover-font-color);
  --article-box-font-color: var(--main-font-color);
  --article-box-background-color: var(--sub-menue-backgound-color);
  --article-box-background-hover-color: var(--sub-menue-hover-color);

  --search-input-field-background-color: var(--sub-menue-backgound-color);

  --checkout-infobox-background: var(--sub-menue-hover-color);
  --checkout-button-font-color: var(--font-color-for-dark-background);

  --cta-button-background-color: #33dc2b;
  --cta-button-border-color: #2dc226;
  --cta-button-border-width: 1px;
  --cta-button-text-color: white;

  --button-element-shadow-color: #212121;
  --button-element-shadow: 1px 1px var(--button-element-shadow-color);
  --button-element-border-radius: 3px;

  --signal-batch-color: #e30613;
}