/*
 * Tokens da identidade Ideal Revest (ver CLAUDE.md, seção "Identidade").
 * Use sempre estas variáveis; não repita cores e medidas soltas nos outros arquivos.
 */
:root {
	/* Texto */
	--ir-cor-texto: #111111;
	--ir-cor-secundaria: #4A4A4A;
	--ir-cor-terciaria: #6E6E6E;

	/* Bordas e linhas */
	--ir-cor-borda: #E6E6E6;
	--ir-cor-borda-suave: #EEEEEE;
	--ir-cor-linha: #F0F0F0;
	--ir-cor-borda-campo: #D9D9D9; /* contorno da quantidade e alça da folha (mockups) */
	--ir-cor-borda-entrada: #D6D6D6; /* campos de formulário do checkout (mockup) */

	/* Fundos (o fundo da página é sempre branco) */
	--ir-fundo: #FFFFFF;
	--ir-fundo-suave: #F5F5F5;
	--ir-fundo-suave-2: #F7F7F7;
	--ir-preto: #111111;
	--ir-preto-hover: #2A2A2A;
	--ir-sobreposicao: rgba(17, 17, 17, 0.45);

	/* Fundo atrás da calculadora, da sacola, do menu e dos filtros (Vidro médio, escolhido pelo Emanoel) */
	--ir-vidro-cor: var(--ir-sobreposicao);
	--ir-vidro-desfoque: none;

	/* Rodapé e faixas pretas */
	--ir-escuro-texto: #BDBDBD;
	--ir-escuro-fraco: #A8A8A8;
	--ir-escuro-separador: #8A8A8A;
	--ir-escuro-linha: #2A2A2A;

	/* WhatsApp: sempre contorno, nunca verde sólido */
	--ir-whatsapp: #1DA851;
	--ir-whatsapp-texto: #0E7A3A;

	/* Erro de formulário (contraste 6,5:1 no branco) */
	--ir-cor-erro: #B3261E;

	/* Estrelas */
	--ir-estrela: #F5B400;

	/* Cantos */
	--ir-raio-campo: 12px;
	--ir-raio-botao: 14px;
	--ir-raio-card-p: 18px;
	--ir-raio-card: 20px;
	--ir-raio-card-g: 22px;
	--ir-raio-bloco: 28px;
	--ir-raio-pilula: 999px;

	/* Chevron da logo (selos e números de passos) */
	--ir-chevron: polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%);

	/* Sombras */
	--ir-sombra-flutuante: 0 6px 16px rgba(17, 17, 17, 0.14);

	/* Tipografia */
	--ir-fonte: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--ir-peso-fino: 300;
	--ir-peso-normal: 400;
	--ir-peso-medio: 500;
	--ir-peso-destaque: 600;
	--ir-peso-forte: 700;
	--ir-espacamento-caixa-alta: 0.12em;

	/* Layout */
	--ir-largura: 1320px;
	--ir-margem: 16px;
	--ir-topo-altura: 56px;
	--ir-barra-altura: 67px;
	--ir-toque: 44px;

	/* Movimento */
	--ir-transicao: 0.25s ease;
}

@media (min-width: 900px) {
	:root {
		--ir-margem: 24px;
	}
}

/* Sem suporte a desfoque, fica só a película, mais forte. */
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
	:root {
		--ir-vidro-cor: rgba(17, 17, 17, 0.35);
		--ir-vidro-desfoque: blur(8px);
	}
}