/* theme "night" */

:root {
  --color-background: var(--color-dunkelgrau);
  --color-background-mouseover: var(--color-etwasweiss);
  --color-akzent1: var(--color-flieder1);
  --color-akzent2: var(--color-flieder1light);
  --color-akzent1-mouseover: var(--color-rosa1);     
  --color-akzent2-mouseover: var(--color-rosa1light);
  --color-extra-akzent: var(--color-magentarot);
  --color-extra-akzent-mouseover: var(--color-hellgruen);

  --color-text: var(--color-weiss);
  --color-text-mouseover: var(--color-akzent1-mouseover);
  --color-stretch: var(--color-akzent1-mouseover);
  
  --color-menu-background: var(--color-akzent1);
  --color-menu-open-background: var(--color-background);
  --color-menu-text: var(--color-background);
  --color-menu-text-background: var(--color-text);

  --color-button-background: transparent;
  --color-button-background-mouseover: rgba(255, 255, 255, 0.05);
  --color-button-text: var(--color-weiss);
  --color-button-text-mouseover: var(--color-akzent1-mouseover);

  --color-button-solid-background: var(--color-weiss);
  --color-button-solid-background-mouseover: var(--color-akzent2-mouseover);
  --color-button-solid-text: var(--color-background);
  --color-button-solid-text-mouseover: var(--color-background);

  --background-footer: linear-gradient(180deg, #2E2C2C 0%, rgba(46, 44, 44, 0.00) 147.1%);
  --shadow-footer: 0px 76px 63px 0px rgba(30, 30, 30, 0.20) inset;
}