:root{
/* Ground */
--agua:#1F392C;--agua-funda:#16281F;--superficie:#2F473B;
/* Ink */
--tinta:#F4F2E2;--tinta-suave:#B8BEAF;--tinta-fraca:#8E998B;
/* Lines */
--linha:rgba(244,242,226,.20);--linha-forte:rgba(244,242,226,.40);
/* Accent — the one gold */
--estrela:#F3BC3C;--estrela-fundo:#DCA62B;
/* Utility — form validation only */
--alerta:#F09C8E;
/* Semantic aliases */
--fundo-pagina:var(--agua);--fundo-rebaixado:var(--agua-funda);--fundo-painel:var(--superficie);
--texto-corpo:var(--tinta);--texto-secundario:var(--tinta-suave);--texto-desativado:var(--tinta-fraca);
--acao-primaria:var(--estrela);--acao-primaria-hover:var(--estrela-fundo);
--borda:var(--linha);--borda-hover:var(--linha-forte);
}
/* O @import de fonte que existia aqui foi movido para no do
index.html, antes dos . Um @import aninhado dentro
de um CSS é o caminho mais lento possível: o navegador precisa baixar e
interpretar este arquivo inteiro antes mesmo de descobrir o pedido da
fonte, serializando uma ida-e-volta extra bem no caminho crítico — custo
alto para o público majoritariamente mobile deste site. */
:root{
--fonte-display:'Fraunces',Georgia,serif; /* @kind font */
--fonte-ui:'Karla',system-ui,sans-serif; /* @kind font */
/* Fraunces variable settings for display use */
--display-settings:'SOFT' 40,'WONK' 1; /* @kind other */
/* Scale */
--t-display:clamp(2.75rem,1.4rem + 5.6vw,4.75rem); /* @kind other */
--t-secao:clamp(1.6rem,1.1rem + 2.2vw,2.5rem); /* @kind other */
--t-sub:1.375rem;
--t-corpo-g:1.125rem;
--t-corpo:1rem;
--t-peq:.875rem;
--t-rotulo:.6875rem;
--t-preco:1.375rem;
/* Measure */
--medida-max:62ch;
}
:root{
--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--esp-7:48px;--esp-8:64px;--esp-9:96px;
/* Radius: near-square = printed page; pill/circle = drawn ring */
--r-controle:999px;--r-painel:4px;--r-medalhao:50%;
/* Layout */
--largura-max:1080px;
--goteira:clamp(20px,5vw,56px); /* @kind spacing */
--ritmo:clamp(72px,10vw,140px); /* @kind spacing */
}