/**
 * CB Minimal — Material 3 colour tokens.
 *
 * SchemeTonalSpot-style roles derived from the brand seed #5b6ab5 (an
 * indigo shifted from the Zenith purple): tone = CIELAB L*, hue 290, primary chroma 44, tertiary
 * hue +60. Dark fills stay near the light tone (45); --md-primary-text
 * carries the lighter tone (80) for links. 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: #495aa2;
	--md-primary-text: #495aa2;
	--md-on-primary: #ffffff;
	--md-primary-container: #dfe0ff;
	--md-on-primary-container: #001945;
	--md-secondary: #5b5c77;
	--md-on-secondary: #ffffff;
	--md-secondary-container: #dfe0ff;
	--md-on-secondary-container: #161a30;
	--md-tertiary: #834e66;
	--md-on-tertiary: #ffffff;
	--md-tertiary-container: #ffd8e8;
	--md-on-tertiary-container: #380822;
	--md-error: #ba1a1a;
	--md-on-error: #ffffff;
	--md-error-container: #ffdad6;
	--md-on-error-container: #410002;
	--md-surface: #f9f9ff;
	--md-on-surface: #1b1b20;
	--md-surface-variant: #e1e1f1;
	--md-on-surface-variant: #454652;
	--md-outline: #767684;
	--md-outline-variant: #c5c5d4;
	--md-inverse-surface: #303036;
	--md-inverse-on-surface: #f0f0f8;
	--md-inverse-primary: #bdc2ff;
	--md-surface-container-lowest: #ffffff;
	--md-surface-container-low: #f3f3fb;
	--md-surface-container: #ededf5;
	--md-surface-container-high: #e7e7ef;
	--md-surface-container-highest: #e2e2e9;
	--md-primary-rgb: 73, 90, 162;
	--md-on-surface-rgb: 27, 27, 32;
	--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: #5666af;
		--md-primary-text: #bdc2ff;
		--md-on-primary: #ffffff;
		--md-primary-container: #2c4287;
		--md-on-primary-container: #dfe0ff;
		--md-secondary: #c3c4e2;
		--md-on-secondary: #2c2f46;
		--md-secondary-container: #43455e;
		--md-on-secondary-container: #dfe0ff;
		--md-tertiary: #f2b6cf;
		--md-on-tertiary: #502037;
		--md-tertiary-container: #69374e;
		--md-on-tertiary-container: #ffd8e8;
		--md-error: #ffb4ab;
		--md-on-error: #690005;
		--md-error-container: #93000a;
		--md-on-error-container: #ffdad6;
		--md-surface: #131319;
		--md-on-surface: #e2e2e9;
		--md-surface-variant: #454652;
		--md-on-surface-variant: #c5c5d4;
		--md-outline: #8f909e;
		--md-outline-variant: #454652;
		--md-inverse-surface: #e2e2e9;
		--md-inverse-on-surface: #303036;
		--md-inverse-primary: #495aa2;
		--md-surface-container-lowest: #0e0e14;
		--md-surface-container-low: #1b1b20;
		--md-surface-container: #1f1f25;
		--md-surface-container-high: #29292f;
		--md-surface-container-highest: #34343a;
		--md-primary-rgb: 86, 102, 175;
		--md-on-surface-rgb: 226, 226, 233;
	}
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--md-primary: #5666af;
	--md-primary-text: #bdc2ff;
	--md-on-primary: #ffffff;
	--md-primary-container: #2c4287;
	--md-on-primary-container: #dfe0ff;
	--md-secondary: #c3c4e2;
	--md-on-secondary: #2c2f46;
	--md-secondary-container: #43455e;
	--md-on-secondary-container: #dfe0ff;
	--md-tertiary: #f2b6cf;
	--md-on-tertiary: #502037;
	--md-tertiary-container: #69374e;
	--md-on-tertiary-container: #ffd8e8;
	--md-error: #ffb4ab;
	--md-on-error: #690005;
	--md-error-container: #93000a;
	--md-on-error-container: #ffdad6;
	--md-surface: #131319;
	--md-on-surface: #e2e2e9;
	--md-surface-variant: #454652;
	--md-on-surface-variant: #c5c5d4;
	--md-outline: #8f909e;
	--md-outline-variant: #454652;
	--md-inverse-surface: #e2e2e9;
	--md-inverse-on-surface: #303036;
	--md-inverse-primary: #495aa2;
	--md-surface-container-lowest: #0e0e14;
	--md-surface-container-low: #1b1b20;
	--md-surface-container: #1f1f25;
	--md-surface-container-high: #29292f;
	--md-surface-container-highest: #34343a;
	--md-primary-rgb: 86, 102, 175;
	--md-on-surface-rgb: 226, 226, 233;
}