html {
  --green: #6ea38f;
  --blue: #24839f;
  --orange: #ff5500;
  --background-color: #ff5500;
  --background-image: url("/wp-content/themes/counterflows/assets/backgrounds/2025/background.jpg");
  --box-shadow: rgba(0,0,0,0.15);
  --bg-secondary: #003b4c;
  --bg-primary: #fff;
  --text-color-primary: #053723;
  --text-color-secondary: #fff;
  --highlight-1: var(--orange);
  --highlight-2: var(--blue);
}

hr {
  border-color: #cbcfe1;
}

.page .organisations img {
  -webkit-filter: invert(1);
          filter: invert(1);
  mix-blend-mode: screen;
}

.sidebar {
  background-color: #dee7d8;
}

.artist .mark {
  -webkit-filter: none;
          filter: none;
}

.sidebar__supported img {
  -webkit-filter: none;
          filter: none;
  mix-blend-mode: multiply;
}

.artistgrid {
  display: block;
  background-color: #fff;
  padding: 1.5rem;
}

.artistpreview {
  padding-bottom: 26%;
  margin-bottom: 1.5rem;
  color: #000;
}
.artistpreview:nth-last-child(1) {
  margin-bottom: 0;
}
.artistpreview__name {
  max-width: 700px;
  margin: 0 auto;
  text-shadow: 0 0 10px var(--block-color);
}
.artistpreview .artistpreview__solid {
  mix-blend-mode: screen;
}
.artistpreview__image {
  opacity: 1;
  -webkit-filter: brightness(0.9) contrast(90%);
          filter: brightness(0.9) contrast(90%);
}
.artistpreview:nth-child(3n+1) {
  --block-color: var(--orange);
}
.artistpreview:nth-child(3n+2) {
  --block-color: #277658;
}
.artistpreview:nth-child(3n) {
  --block-color: #177c9a;
}

.categorygrid img {
  -webkit-filter: none;
          filter: none;
}

.button {
  color: var(--text-color-secondary);
}