/* =============================================================
   Tokens — carregado no site e no editor de blocos.

   As cores cruas (--jur-*) vêm de inc/config/palette.php e são
   impressas inline junto deste arquivo. Aqui elas ganham nome de
   uso: nenhum componente referencia uma cor da marca diretamente.
   ============================================================= */

:root {
	--c-fundo:        var(--jur-surface);
	--c-fundo-alt:    var(--jur-surface-alt);
	--c-fundo-sunk:   var(--jur-surface-sunk);
	--c-texto:        var(--jur-ink);
	--c-texto-medio:  var(--jur-ink-medium);
	--c-texto-suave:  var(--jur-ink-soft);
	--c-texto-fraco:  var(--jur-ink-faint);
	--c-borda:        var(--jur-line);

	--c-acao:         var(--jur-brand);
	--c-acao-hover:   var(--jur-brand-hover);
	--c-acao-escura:  var(--jur-brand-dark);
	--c-acao-funda:   var(--jur-brand-deep);
	--c-acao-noite:   var(--jur-brand-night);
	--c-acao-media:   var(--jur-brand-soft);
	--c-acao-suave:   var(--jur-brand-wash);
	--c-acao-rgb:     var(--jur-brand-rgb);

	--c-ouro:         var(--jur-accent);
	--c-ouro-texto:   var(--jur-accent-dark);
	--c-ouro-media:   var(--jur-accent-soft);
	--c-ouro-suave:   var(--jur-accent-wash);
	--c-ouro-rgb:     var(--jur-accent-rgb);

	--c-texto-rgb:    var(--jur-ink-rgb);

	/* Fontes do sistema: nenhuma requisição a mais, e cada plataforma usa a
	   sua sans moderna (Segoe UI, SF Pro, Roboto). */
	--fonte:        system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--fonte-titulo: var(--fonte);

	--t-xs:   0.8125rem;
	--t-sm:   0.9375rem;
	--t-base: 1.0625rem;
	--t-md:   1.1875rem;
	--t-lg:   clamp(1.25rem, 0.6vw + 1.1rem, 1.5rem);
	--t-xl:   clamp(1.6rem, 1.4vw + 1.2rem, 2.25rem);
	--t-2xl:  clamp(2.1rem, 2.8vw + 1.3rem, 3.25rem);
	--t-3xl:  clamp(2.5rem, 4.2vw + 1.2rem, 4.25rem);

	--peso-titulo: 750;
	--track-titulo: -0.025em;

	--e-1: 0.25rem;
	--e-2: 0.5rem;
	--e-3: 0.75rem;
	--e-4: 1rem;
	--e-5: 1.5rem;
	--e-6: 2rem;
	--e-7: 3rem;
	--e-8: 5rem;

	--largura:       1200px;
	--largura-texto: 70ch;
	--gutter:        clamp(1rem, 4vw, 2.5rem);
	--altura-topo:   4.5rem;

	--raio-sm: 6px;
	--raio:    10px;
	--raio-lg: 18px;
	--raio-xl: 28px;

	--sombra-sm: 0 1px 2px rgb(var(--c-texto-rgb) / 6%);
	--sombra:    0 1px 2px rgb(var(--c-texto-rgb) / 5%), 0 6px 18px -4px rgb(var(--c-texto-rgb) / 8%);
	--sombra-lg: 0 2px 4px rgb(var(--c-texto-rgb) / 5%), 0 20px 44px -12px rgb(var(--c-texto-rgb) / 18%);
	--transicao: 180ms cubic-bezier(0.2, 0.7, 0.3, 1);

	/* Malha de pontos usada nos fundos escuros e claros. */
	--pontos-claros: radial-gradient(rgb(255 255 255 / 9%) 1px, transparent 1.2px) 0 0 / 22px 22px;
	--pontos-escuros: radial-gradient(rgb(var(--c-acao-rgb) / 13%) 1px, transparent 1.2px) 0 0 / 22px 22px;
}