@use "sass:color";

// Base colors here
@media (prefers-color-scheme: light) {
	:root {
		--text: #0d0f0b;
		--background: #f6f7f3;
		--primary: #4a5733;
		--secondary: #b5c898;
		--accent: #7c9b4b;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--text: #f2f4f0;
		--background: #0b0c08;
		--primary: #bfcca8;
		--secondary: #546737;
		--accent: #96b464;
	}
}

// And calculate the rest here
:root {
  --border: var(--text);
}

svg.black-white {
    fill: var(--text);
    stroke: var(--text);
}