:root {
  /* Primary colors */
  --juelich-blue-dark: #023d6b;
  --juelich-blue-light: #adbde3;

  /* Secondary accent colors */
  --grey-light: #ebebeb;
  --lemon: #faeb5a;
  --raspberry: #eb5f73;
  --grass-green: #b9d25f;
  --hyacinth-violet: #af82b9;
  --apricot: #fab45a;

  /* Text and surface variants */
  --bg-primary: var(--juelich-blue-dark);
  --bg-secondary: var(--grey-light);
  --fg-text: var(--juelich-blue-dark);
  --fg-text-sidebar: var(--hyacinth-violet);
  --footer-text: darkgrey;
}
html[data-theme="dark"] {
  --bg-primary: #121212;
  --bg-secondary: grey;
  --fg-text: var(--juelich-blue-dark);
  --fg-text-sidebar: white;
  --footer-text: lightgrey;
}
