/**
 * BTAE Corporate — colour tokens.
 *
 * Material 3 roles derived from the logo blue #1864b3 (tone = CIELAB L*,
 * hue 279, primary chroma 48, tertiary hue −60 → teal like the promotional video).
 * Dark mode keeps filled primary surfaces at tone 45; text accents use
 * --md-primary-text. --md-ink is the deep brand surface of the hero and footer.
 * Generated with btae_palette() from inc/settings.php — do not edit by hand.
 * 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: #0f5fac;
	--md-primary-text: #0f5fac;
	--md-on-primary: #ffffff;
	--md-primary-container: #d8e2ff;
	--md-on-primary-container: #001c3a;
	--md-secondary: #545e78;
	--md-on-secondary: #ffffff;
	--md-secondary-container: #d8e2ff;
	--md-on-secondary-container: #0f1c31;
	--md-tertiary: #006877;
	--md-on-tertiary: #ffffff;
	--md-tertiary-container: #a3eeff;
	--md-on-tertiary-container: #001f25;
	--md-surface: #fbfcff;
	--md-on-surface: #1a1b21;
	--md-surface-variant: #dde2f1;
	--md-on-surface-variant: #424753;
	--md-outline: #727784;
	--md-outline-variant: #cfd4e3;
	--md-inverse-surface: #2e3036;
	--md-inverse-on-surface: #eef1f8;
	--md-inverse-primary: #aec6ff;
	--md-surface-container-lowest: #ffffff;
	--md-surface-container-low: #f4f6fe;
	--md-surface-container: #eef1f8;
	--md-surface-container-high: #e9ebf2;
	--md-surface-container-highest: #e0e2ea;
	--md-ink: #001e3e;
	--md-ink-high: #112a4c;
	--md-ink-line: #293e61;
	--md-on-ink: #f1f3fb;
	--md-on-ink-muted: #bcc1cf;
	--md-ink-accent: #88b0ff;
	--md-ink-accent-2: #5ecae0;
	--md-primary-rgb: 15, 95, 172;
	--md-on-surface-rgb: 26, 27, 33;
	--md-ink-rgb: 0, 30, 62;
	--md-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
	--md-shadow-lg: 0 12px 32px -8px rgba(16, 24, 40, 0.18), 0 4px 8px -4px rgba(16, 24, 40, 0.08);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;
		--md-primary: #2a6bba;
		--md-primary-text: #aec6ff;
		--md-on-primary: #ffffff;
		--md-primary-container: #004785;
		--md-on-primary-container: #d8e2ff;
		--md-secondary: #bcc6e4;
		--md-on-secondary: #253047;
		--md-secondary-container: #3c475f;
		--md-on-secondary-container: #d8e2ff;
		--md-tertiary: #6ad5eb;
		--md-on-tertiary: #00363f;
		--md-tertiary-container: #004e5a;
		--md-on-tertiary-container: #a3eeff;
		--md-surface: #111319;
		--md-on-surface: #e0e2ea;
		--md-surface-variant: #424753;
		--md-on-surface-variant: #c2c6d5;
		--md-outline: #8c909e;
		--md-outline-variant: #424753;
		--md-inverse-surface: #e0e2ea;
		--md-inverse-on-surface: #2e3036;
		--md-inverse-primary: #0f5fac;
		--md-surface-container-lowest: #0c0e15;
		--md-surface-container-low: #1a1b21;
		--md-surface-container: #1e1f25;
		--md-surface-container-high: #282a2f;
		--md-surface-container-highest: #33353a;
		--md-ink: #001833;
		--md-ink-high: #112a4c;
		--md-ink-line: #293e61;
		--md-on-ink: #f1f3fb;
		--md-on-ink-muted: #bcc1cf;
		--md-ink-accent: #88b0ff;
		--md-ink-accent-2: #5ecae0;
		--md-primary-rgb: 42, 107, 186;
		--md-on-surface-rgb: 224, 226, 234;
		--md-ink-rgb: 0, 24, 51;
		--md-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
		--md-shadow-lg: 0 12px 32px -8px rgba(0, 0, 0, 0.6), 0 4px 8px -4px rgba(0, 0, 0, 0.4);
	}
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--md-primary: #2a6bba;
	--md-primary-text: #aec6ff;
	--md-on-primary: #ffffff;
	--md-primary-container: #004785;
	--md-on-primary-container: #d8e2ff;
	--md-secondary: #bcc6e4;
	--md-on-secondary: #253047;
	--md-secondary-container: #3c475f;
	--md-on-secondary-container: #d8e2ff;
	--md-tertiary: #6ad5eb;
	--md-on-tertiary: #00363f;
	--md-tertiary-container: #004e5a;
	--md-on-tertiary-container: #a3eeff;
	--md-surface: #111319;
	--md-on-surface: #e0e2ea;
	--md-surface-variant: #424753;
	--md-on-surface-variant: #c2c6d5;
	--md-outline: #8c909e;
	--md-outline-variant: #424753;
	--md-inverse-surface: #e0e2ea;
	--md-inverse-on-surface: #2e3036;
	--md-inverse-primary: #0f5fac;
	--md-surface-container-lowest: #0c0e15;
	--md-surface-container-low: #1a1b21;
	--md-surface-container: #1e1f25;
	--md-surface-container-high: #282a2f;
	--md-surface-container-highest: #33353a;
	--md-ink: #001833;
	--md-ink-high: #112a4c;
	--md-ink-line: #293e61;
	--md-on-ink: #f1f3fb;
	--md-on-ink-muted: #bcc1cf;
	--md-ink-accent: #88b0ff;
	--md-ink-accent-2: #5ecae0;
	--md-primary-rgb: 42, 107, 186;
	--md-on-surface-rgb: 224, 226, 234;
	--md-ink-rgb: 0, 24, 51;
	--md-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
	--md-shadow-lg: 0 12px 32px -8px rgba(0, 0, 0, 0.6), 0 4px 8px -4px rgba(0, 0, 0, 0.4);
}