.color {
	--color-bg-light-2025: #f0f0f0;
  --color-text-light-2025: #640054;
  --color-header-light-2025: #185370;
  --color-warn-light-2025: #fbcc0a;

  --color-bg-dark-2025: #1f1f1f;
  --color-text-dark-2025: #91c73b;
  --color-header-dark-2025: #ff9b37;
  --color-warn-dark-2025: #540033;

  --color-light-2026: #f3ccfb;
  --color-dark-2026: #130b16;
  --color-pink-2026: #ea33d2;
  --color-blurple-2026: #6d12e2;

  border-radius: .5rem;
  padding: .5rem;
  text-align: center;
  font-weight: bold;
}

.color {
	border: .1rem solid var(--color-text);
}

/* 2026-2027 */

#light-2026,
#pink-2026 {
	color: var(--color-dark-2026);
}

#dark-2026,
#blurple-2026 {
	color: var(--color-light-2026);
}

#light-2026 { background-color: var(--color-light-2026); }
#dark-2026 { background-color: var(--color-dark-2026); }
#pink-2026 { background-color: var(--color-pink-2026); }
#blurple-2026 { background-color: var(--color-blurple-2026); }

/* 2025 */

#bg-light-2025,
#warn-light-2025 {
	color: var(--color-text-light-2025);
}

#text-light-2025,
#header-light-2025 {
	color: var(--color-bg-light-2025);
}

#bg-dark-2025,
#warn-dark-2025 {
	color: var(--color-text-dark-2025);
}

#text-dark-2025,
#header-dark-2025 {
	color: var(--color-bg-dark-2025);
}

#bg-light-2025 { background-color: var(--color-bg-light-2025); }
#text-light-2025 { background-color: var(--color-text-light-2025); }
#header-light-2025 { background-color: var(--color-header-light-2025); }
#warn-light-2025 { background-color: var(--color-warn-light-2025); }

#bg-dark-2025 { background-color: var(--color-bg-dark-2025); }
#text-dark-2025 { background-color: var(--color-text-dark-2025); }
#header-dark-2025 { background-color: var(--color-header-dark-2025); }
#warn-dark-2025 { background-color: var(--color-warn-dark-2025); }