/**
 * BB Minimal — Material 3 colour tokens.
 *
 * SchemeTonalSpot-style roles derived from the brand seed #00cd66 (the
 * Zenith accent): tone = CIELAB L*, hue 149, primary chroma 44, tertiary
 * hue +60. Dark mode follows the OS unless the visitor picks a mode with
 * the toggle (<html data-theme="light|dark">).
 */

:root {
	color-scheme: light;
	--md-primary: #166c37;
	--md-on-primary: #ffffff;
	--md-primary-container: #a3f5b5;
	--md-on-primary-container: #002108;
	--md-secondary: #4b6450;
	--md-on-secondary: #ffffff;
	--md-secondary-container: #cdead2;
	--md-on-secondary-container: #09200f;
	--md-tertiary: #006971;
	--md-on-tertiary: #ffffff;
	--md-tertiary-container: #9df0f9;
	--md-on-tertiary-container: #002023;
	--md-error: #ba1a1a;
	--md-on-error: #ffffff;
	--md-error-container: #ffdad6;
	--md-on-error-container: #410002;
	--md-surface: #f4fbf5;
	--md-on-surface: #181d19;
	--md-surface-variant: #d8e6da;
	--md-on-surface-variant: #3e4a40;
	--md-outline: #6e7a70;
	--md-outline-variant: #bccabe;
	--md-inverse-surface: #2c322d;
	--md-inverse-on-surface: #ebf3ec;
	--md-inverse-primary: #87d89a;
	--md-surface-container-lowest: #ffffff;
	--md-surface-container-low: #eef5ef;
	--md-surface-container: #e9f0ea;
	--md-surface-container-high: #e3eae4;
	--md-surface-container-highest: #dde4de;
	--md-primary-rgb: 22, 108, 55;
	--md-on-surface-rgb: 24, 29, 25;
	--md-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;
		--md-primary: #87d89a;
		--md-on-primary: #003917;
		--md-primary-container: #005225;
		--md-on-primary-container: #a3f5b5;
		--md-secondary: #b2cdb7;
		--md-on-secondary: #1e3524;
		--md-secondary-container: #344c39;
		--md-on-secondary-container: #cdead2;
		--md-tertiary: #81d3dd;
		--md-on-tertiary: #00363b;
		--md-tertiary-container: #004f56;
		--md-on-tertiary-container: #9df0f9;
		--md-error: #ffb4ab;
		--md-on-error: #690005;
		--md-error-container: #93000a;
		--md-on-error-container: #ffdad6;
		--md-surface: #0f1510;
		--md-on-surface: #dde4de;
		--md-surface-variant: #3e4a40;
		--md-on-surface-variant: #bccabe;
		--md-outline: #879489;
		--md-outline-variant: #3e4a40;
		--md-inverse-surface: #dde4de;
		--md-inverse-on-surface: #2c322d;
		--md-inverse-primary: #166c37;
		--md-surface-container-lowest: #081009;
		--md-surface-container-low: #181d19;
		--md-surface-container: #1c211d;
		--md-surface-container-high: #262b27;
		--md-surface-container-highest: #313632;
		--md-primary-rgb: 135, 216, 154;
		--md-on-surface-rgb: 221, 228, 222;
	}
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--md-primary: #87d89a;
	--md-on-primary: #003917;
	--md-primary-container: #005225;
	--md-on-primary-container: #a3f5b5;
	--md-secondary: #b2cdb7;
	--md-on-secondary: #1e3524;
	--md-secondary-container: #344c39;
	--md-on-secondary-container: #cdead2;
	--md-tertiary: #81d3dd;
	--md-on-tertiary: #00363b;
	--md-tertiary-container: #004f56;
	--md-on-tertiary-container: #9df0f9;
	--md-error: #ffb4ab;
	--md-on-error: #690005;
	--md-error-container: #93000a;
	--md-on-error-container: #ffdad6;
	--md-surface: #0f1510;
	--md-on-surface: #dde4de;
	--md-surface-variant: #3e4a40;
	--md-on-surface-variant: #bccabe;
	--md-outline: #879489;
	--md-outline-variant: #3e4a40;
	--md-inverse-surface: #dde4de;
	--md-inverse-on-surface: #2c322d;
	--md-inverse-primary: #166c37;
	--md-surface-container-lowest: #081009;
	--md-surface-container-low: #181d19;
	--md-surface-container: #1c211d;
	--md-surface-container-high: #262b27;
	--md-surface-container-highest: #313632;
	--md-primary-rgb: 135, 216, 154;
	--md-on-surface-rgb: 221, 228, 222;
}