/* Colours */
:root {
	/* --black: rgb(10, 10, 10); */
	--black: black;
	--black-opacity: rgba(10, 10, 10, 0.9);

	--grey: rgb(170, 170, 170);

	--white: rgb(252, 252, 252);
	--white-opacity: rgba(252, 252, 252, 0.97);

	--bg-overlay: rgba(230, 230, 230, 0.7);
	--bg-overlay-dark: rgba(255, 255, 255, 0.125);

	--accent: #cceb00;
}

[theme='light'] {
	/* --text: red; */
	--text: var(--black);
	--text-light: var(--grey);
	--background: var(--white);
	--background-overlay: var(--white-opacity);
	--surface: var(--bg-overlay);
	--border: rgba(10, 10, 10, 0.1);
}

[theme='dark'] {
	--text: var(--white);
	--text-light: rgba(252, 252, 252, 0.4);
	--background: var(--black);
	--background-overlay: var(--black-opacity);
	--surface: rgba(252, 252, 252, 0.075);
	--border: rgba(252, 252, 252, 0.3);
}