.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;

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

@media (prefers-color-scheme: light) {
	.color {
		border: .1rem solid var(--color-bg-dark);
	}
}

@media (prefers-color-scheme: dark) {
	.color {
		border: .1rem solid var(--color-bg-light);
	}
}

#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); }