/**
 * Design tokens oficiais da ABOI.
 * Estes valores espelham as cores globais configuradas no Elementor.
 */
:root {
	--aboi-color-primary: #1c4463;
	--aboi-color-primary-deep: #0f2a3f;
	--aboi-color-primary-mist: #eaf0f5;
	--aboi-color-iris-blue: #2b7bb9;
	--aboi-color-turquoise: #17a0a0;
	--aboi-color-clinical-green: #4e9a51;
	--aboi-color-lime: #8dc63f;
	--aboi-color-magenta: #c4247d;
	--aboi-color-ink: #0f1e2b;
	--aboi-color-graphite: #58595b;
	--aboi-color-border: #e3e8ed;
	--aboi-color-paper: #fafbfc;
	--aboi-color-white: #ffffff;
	--aboi-color-transparent: #00000000;

	--aboi-space-1: 4px;
	--aboi-space-2: 8px;
	--aboi-space-3: 12px;
	--aboi-space-4: 16px;
	--aboi-space-6: 24px;
	--aboi-space-8: 32px;
	--aboi-space-12: 48px;
	--aboi-space-16: 64px;
	--aboi-space-24: 96px;

	--aboi-radius-sm: 2px;
	--aboi-radius-md: 4px;
	--aboi-shadow-overlay: 0 2px 8px rgb(28 68 99 / 12%);
}