@import 'brainopme-claro.css?ox=0.1.20231115_001';

/* Entrada da marca It's Brain no tema claro.
   A estrutura e os papeis semanticos continuam sendo os do BrainOPME; somente esta
   marca recebe a familia indigo/violeta inspirada no Mastercom. */

:root {
	--brainopme-cadeia-entrada: "18226-itsbrain-claro";

	/* Primitivas de marca. Os nomes historicos orange/amber sao mantidos porque fazem
	   parte do contrato do chrome, embora representem indigo e violeta nesta variante. */
	--ink: #191262;
	--orange: #222CB0;
	--orange-d: #191262;
	--amber: #A63FEE;
	--paper: #f1f0f9;
	--paper2: #e7e6f4;
	--card: #fcfcfe;
	--line: #dcdaec;
	/* Mais escuro que o token do Mastercom para preservar o piso de contraste de
	   componentes adotado pelo BrainOPME. */
	--line-d: #77738f;
	--muted: #635f80;
	--green: #1f9d68;
	/* Ajuste de acessibilidade ja adotado neste app sobre o vermelho de referencia. */
	--red: #CB424C;
	--blue: #222CB0;
	--bg: #f1f0f9;
	--field-bg: #fcfcfe;
	--icone-busca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23635f80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
	--on-accent: #ffffff;
	--chip: #191262;
	--chip-text: #f1f0f9;
	--focus-ring: rgba(34,44,176,1);
	--focus-ring-inner: var(--field-bg);
	--sky: #A63FEE;

	--orange-rgb: 34, 44, 176;
	--amber-rgb: 166, 63, 238;
	--blue-rgb: 34, 44, 176;
	--green-rgb: 31, 157, 104;
	--red-rgb: 203, 66, 76;
	--shadow-rgb: 25, 18, 98;

	--accent-veil: rgba(34, 44, 176, .08);
	--cta-glow: rgba(34, 44, 176, .32);
	--cta-glow-hover: rgba(34, 44, 176, .38);
	--focus-ring-red: rgba(203,66,76,1);
	--orange-text: var(--orange);

	/* Variantes indigo sao exclusivas da marca It's Brain; a marca BrainOPME continua
	   usando seus assets azuis nos arquivos brainopme-*.css. */
	--logo-horizontal: url('../../logo_itsbrain_azul.svg');
	--simbolo: url('../../simbolo_itsbrain_azul.svg');
}