/**
 * Tokens do GessoPro.
 *
 * Tudo que é cor, fonte, espaço e tempo vive aqui — e SÓ aqui. Nenhum outro
 * arquivo do tema pode escrever um valor cru. Quem quiser adaptar o tema para
 * outro cliente do segmento muda este arquivo e mais nada.
 *
 * Os valores vêm do Sistema Visual ALGesso: paleta extraída do logo (preto e
 * ouro), branco quente do gesso curado e verde do WhatsApp reservado à ação.
 *
 * Projeto Gerado pelo Prompt Mestre do Desenvolvedor e Vibe Coder Gustavo da Rocha — www.fcazdigitall.com.br
 * Copyright (c) 2026 FCAZ Digitall. Todos os direitos reservados. Ver LICENCA.txt.
 */

:root {
	/* ----------------------------------------------------------------
	   Superfícies
	   ---------------------------------------------------------------- */
	--gp-obra: #0b0b0c;        /* fundo geral */
	--gp-grafite: #16171f;     /* cards, blocos elevados */
	--gp-grafite-2: #1f212b;   /* estados, divisores sólidos */

	/* ----------------------------------------------------------------
	   Texto — contraste conferido sobre --gp-obra
	   ---------------------------------------------------------------- */
	--gp-gesso: #f4f2ed;       /* principal · 17,2:1 · AAA */
	--gp-concreto: #9a9aa4;    /* secundário · 5,6:1 · AA */

	/* ----------------------------------------------------------------
	   Marca
	   ---------------------------------------------------------------- */
	--gp-ouro: #e2b700;        /* acento · 10,1:1 sobre o fundo · AAA */
	--gp-ouro-luz: #e6e22b;    /* topo do degradê do logo */
	--gp-zap: #0dc152;         /* WhatsApp — só o botão de ação */
	--gp-zap-hover: #0aa646;

	/* Sobre fundo claro o ouro do logo não passa em contraste (1,9:1).
	   Esta é a versão escurecida, para texto e ícone em superfície clara. */
	--gp-ouro-escuro: #8a6d00; /* 5,1:1 sobre #f4f2ed · AA */

	/* ----------------------------------------------------------------
	   Linhas e véus
	   ---------------------------------------------------------------- */
	--gp-linha: rgba(244, 242, 237, 0.10);
	--gp-linha-ouro: rgba(226, 183, 0, 0.38);
	/*
	 * Véu do herói. Escurece a FAIXA ESQUERDA, onde mora o texto, e deixa a
	 * direita quase limpa para a foto da obra aparecer — que é o ponto do
	 * projeto. Um véu vertical cheio garantia o contraste e matava a foto.
	 * A segunda camada só assenta o topo e a base.
	 */
	--gp-scrim:
		linear-gradient(90deg, rgba(11, 11, 12, 0.96) 0%, rgba(11, 11, 12, 0.88) 34%, rgba(11, 11, 12, 0.30) 60%, rgba(11, 11, 12, 0.06) 100%),
		linear-gradient(180deg, rgba(11, 11, 12, 0) 58%, rgba(11, 11, 12, 0.34) 100%);

	/* Em tela estreita o texto ocupa a largura toda: o véu vira vertical. */
	--gp-scrim-estreito:
		linear-gradient(180deg, rgba(11, 11, 12, 0.55) 0%, rgba(11, 11, 12, 0.72) 45%, rgba(11, 11, 12, 0.94) 100%);

	/* ----------------------------------------------------------------
	   Tipografia
	   ---------------------------------------------------------------- */
	--gp-ff-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--gp-ff-corpo: "Barlow", "Helvetica Neue", Arial, sans-serif;

	--gp-t-display: clamp(2.6rem, 6.4vw, 4.4rem);
	--gp-t-h1: clamp(2.1rem, 4.6vw, 3.1rem);
	--gp-t-h2: clamp(1.65rem, 3.2vw, 2.2rem);
	--gp-t-h3: 1.32rem;
	--gp-t-corpo: 1.0625rem;   /* 17px */
	--gp-t-pequeno: 0.9375rem; /* 15px */
	--gp-t-etiqueta: 0.75rem;  /* 12px */

	--gp-lh-display: 1.03;
	--gp-lh-titulo: 1.14;
	--gp-lh-corpo: 1.65;
	--gp-track-display: -0.025em;
	--gp-track-etiqueta: 0.18em;

	/* ----------------------------------------------------------------
	   Espaço — escala de 8pt
	   ---------------------------------------------------------------- */
	--gp-e-1: 0.5rem;
	--gp-e-2: 1rem;
	--gp-e-3: 1.5rem;
	--gp-e-4: 2rem;
	--gp-e-5: 3rem;
	--gp-e-6: 4rem;
	--gp-secao: clamp(4rem, 9vw, 7rem);

	/* ----------------------------------------------------------------
	   Grade
	   ---------------------------------------------------------------- */
	--gp-max: 1180px;
	--gp-max-texto: 68ch;
	--gp-gutter: clamp(1.25rem, 4vw, 2rem);

	/* ----------------------------------------------------------------
	   Forma — gesso tem canto vivo
	   ---------------------------------------------------------------- */
	--gp-raio: 2px;
	--gp-chanfro: 18px; /* profundidade do corte de sanca */

	/* ----------------------------------------------------------------
	   Movimento
	   ---------------------------------------------------------------- */
	--gp-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--gp-dur: 520ms;
	--gp-dur-curta: 180ms;

	/* ----------------------------------------------------------------
	   Camadas
	   ---------------------------------------------------------------- */
	--gp-z-topo: 100;
	--gp-z-flutuante: 90;
	--gp-z-menu: 110;
	--gp-z-modal: 120;

	/* ----------------------------------------------------------------
	   Modal — cartão claro fixo, independe do modelo de home (Moderna
	   é escura, Clássica é clara; o modal precisa ler igual nas duas).
	   ---------------------------------------------------------------- */
	--gp-modal-fundo: #ffffff;
	--gp-modal-borda: #e4e2dc;
	--gp-modal-texto: #1a1b22;
	--gp-modal-texto-sec: #6b6b74;
	--gp-modal-veu: rgba(11, 11, 12, 0.72);

	color-scheme: dark;
}

/**
 * Quem pediu menos movimento recebe menos movimento — sem quebrar layout:
 * os elementos que entram animados já nascem visíveis.
 */
@media (prefers-reduced-motion: reduce) {
	:root {
		--gp-dur: 1ms;
		--gp-dur-curta: 1ms;
	}
}