/*
 * Color Modes — observatorio-cero-theme
 * CSS custom properties for light, dark, and high-contrast modes.
 *
 * Light mode uses the default theme.json values (generated as --wp--preset--color--*).
 * Dark and high-contrast modes override those variables via [data-theme] selectors.
 */

:root,
html[data-theme="light"] {
	color-scheme: light;
}

/* ── Dark Mode ── */
html[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--background: #0e1417;
	--wp--preset--color--on-background: #dde3e7;
	--wp--preset--color--surface: #0e1417;
	--wp--preset--color--surface-dim: #0e1417;
	--wp--preset--color--surface-bright: #333a3d;
	--wp--preset--color--surface-variant: #2f3639;
	--wp--preset--color--surface-container-lowest: #090f12;
	--wp--preset--color--surface-container-low: #161d1f;
	--wp--preset--color--surface-container: #1a2123;
	--wp--preset--color--surface-container-high: #242b2e;
	--wp--preset--color--surface-container-highest: #2f3639;
	--wp--preset--color--on-surface: #dde3e7;
	--wp--preset--color--on-surface-variant: #bbc9cf;
	--wp--preset--color--inverse-surface: #dde3e7;
	--wp--preset--color--inverse-on-surface: #2b3134;
	--wp--preset--color--outline: #859399;
	--wp--preset--color--outline-variant: #3c494e;
	--wp--preset--color--surface-tint: #47d6ff;
	--wp--preset--color--primary: #a5e7ff;
	--wp--preset--color--on-primary: #003543;
	--wp--preset--color--primary-container: #00d2ff;
	--wp--preset--color--on-primary-container: #00566a;
	--wp--preset--color--inverse-primary: #00677f;
	--wp--preset--color--primary-fixed: #b6ebff;
	--wp--preset--color--primary-fixed-dim: #47d6ff;
	--wp--preset--color--on-primary-fixed: #001f28;
	--wp--preset--color--on-primary-fixed-variant: #004e60;
	--wp--preset--color--secondary: #7cd4dd;
	--wp--preset--color--on-secondary: #00363b;
	--wp--preset--color--secondary-container: #00767f;
	--wp--preset--color--on-secondary-container: #b4f8ff;
	--wp--preset--color--secondary-fixed: #99f1fa;
	--wp--preset--color--secondary-fixed-dim: #7cd4dd;
	--wp--preset--color--on-secondary-fixed: #002022;
	--wp--preset--color--on-secondary-fixed-variant: #004f55;
	--wp--preset--color--tertiary: #ffd79f;
	--wp--preset--color--on-tertiary: #442b00;
	--wp--preset--color--tertiary-container: #ffb229;
	--wp--preset--color--on-tertiary-container: #6c4700;
	--wp--preset--color--tertiary-fixed: #ffddb1;
	--wp--preset--color--tertiary-fixed-dim: #ffba4a;
	--wp--preset--color--on-tertiary-fixed: #291800;
	--wp--preset--color--on-tertiary-fixed-variant: #624000;
	--wp--preset--color--error: #ffb4ab;
	--wp--preset--color--on-error: #690005;
	--wp--preset--color--error-container: #93000a;
	--wp--preset--color--on-error-container: #ffdad6;
	--wp--preset--color--success: #6dd49a;
	--wp--preset--color--on-success: #003919;
	--wp--preset--color--success-container: #005226;
	--wp--preset--color--on-success-container: #8cf2b3;
	--wp--preset--gradient--oceanic-hero: linear-gradient(135deg, rgba(5, 20, 28, 0.92) 0%, rgba(14, 32, 40, 0.88) 50%, rgba(22, 42, 51, 0.92) 100%);
	--wp--preset--gradient--horizon: linear-gradient(180deg, rgba(47, 54, 57, 0.92) 0%, rgba(9, 15, 18, 0.95) 100%);
}

/* ── High Contrast Mode ── */
html[data-theme="high-contrast"] {
	color-scheme: dark;
	--wp--preset--color--background: #000000;
	--wp--preset--color--on-background: #ffffff;
	--wp--preset--color--surface: #000000;
	--wp--preset--color--surface-dim: #000000;
	--wp--preset--color--surface-bright: #121212;
	--wp--preset--color--surface-variant: #000000;
	--wp--preset--color--surface-container-lowest: #000000;
	--wp--preset--color--surface-container-low: #000000;
	--wp--preset--color--surface-container: #000000;
	--wp--preset--color--surface-container-high: #000000;
	--wp--preset--color--surface-container-highest: #1a1a1a;
	--wp--preset--color--on-surface: #ffffff;
	--wp--preset--color--on-surface-variant: #ffffff;
	--wp--preset--color--inverse-surface: #ffffff;
	--wp--preset--color--inverse-on-surface: #000000;
	--wp--preset--color--outline: #ffffff;
	--wp--preset--color--outline-variant: #ffffff;
	--wp--preset--color--surface-tint: #ffff00;
	--wp--preset--color--primary: #ffff00;
	--wp--preset--color--on-primary: #000000;
	--wp--preset--color--primary-container: #ffff00;
	--wp--preset--color--on-primary-container: #000000;
	--wp--preset--color--inverse-primary: #000000;
	--wp--preset--color--primary-fixed: #ffff00;
	--wp--preset--color--primary-fixed-dim: #ffff00;
	--wp--preset--color--on-primary-fixed: #000000;
	--wp--preset--color--on-primary-fixed-variant: #000000;
	--wp--preset--color--secondary: #00ffff;
	--wp--preset--color--on-secondary: #000000;
	--wp--preset--color--secondary-container: #00ffff;
	--wp--preset--color--on-secondary-container: #000000;
	--wp--preset--color--secondary-fixed: #00ffff;
	--wp--preset--color--secondary-fixed-dim: #00ffff;
	--wp--preset--color--on-secondary-fixed: #000000;
	--wp--preset--color--on-secondary-fixed-variant: #000000;
	--wp--preset--color--tertiary: #00ff00;
	--wp--preset--color--on-tertiary: #000000;
	--wp--preset--color--tertiary-container: #00ff00;
	--wp--preset--color--on-tertiary-container: #000000;
	--wp--preset--color--tertiary-fixed: #00ff00;
	--wp--preset--color--tertiary-fixed-dim: #00ff00;
	--wp--preset--color--on-tertiary-fixed: #000000;
	--wp--preset--color--on-tertiary-fixed-variant: #000000;
	--wp--preset--color--error: #ff8080;
	--wp--preset--color--on-error: #000000;
	--wp--preset--color--error-container: #ff8080;
	--wp--preset--color--on-error-container: #000000;
	--wp--preset--color--success: #00ff00;
	--wp--preset--color--on-success: #000000;
	--wp--preset--color--success-container: #00ff00;
	--wp--preset--color--on-success-container: #000000;
	--wp--preset--gradient--oceanic-hero: linear-gradient(135deg, #000000 0%, #000000 100%);
	--wp--preset--gradient--horizon: linear-gradient(180deg, #000000 0%, #000000 100%);
}