/* Verde Kit Quero — tokens de design
   Paleta extraída do site atual (cores globais do Elementor + logo) e aprovada em 15/10/2026.
   Tipografia aprovada: Gambetta (títulos) + Switzer (texto), ambas do Fontshare, auto-hospedadas. */

:root {
  /* ---------- Cor ---------- */
  --cor-floresta: #1E3328;        /* dominante: fundos, logo */
  --cor-floresta-funda: #121B16;  /* profundidade, rodapé */
  --cor-floresta-media: #264133;  /* camadas sobre o floresta */
  --cor-musgo: #6D6E4C;           /* apoio; texto pequeno sobre linho só em >= 18px */
  --cor-salvia: #AAA683;          /* acento: botões e detalhes */
  --cor-linho: #F4EDE4;           /* texto sobre verde, faixas claras */
  --cor-areia: #DBD9C2;           /* superfícies claras */

  /* Papéis (use estes nos componentes) */
  --fundo: var(--cor-floresta);
  --fundo-claro: var(--cor-linho);
  --texto: var(--cor-linho);
  --texto-suave: rgb(244 237 228 / .74);
  --texto-escuro: var(--cor-floresta);
  --acento: var(--cor-salvia);
  --botao-fundo: var(--cor-salvia);
  --botao-texto: var(--cor-floresta);   /* 5,4:1 — nunca linho sobre sálvia (2,1:1) */
  --linha: rgb(244 237 228 / .16);
  --linha-escura: rgb(30 51 40 / .18);
  --foco: var(--cor-salvia);

  /* ---------- Tipografia ---------- */
  --fonte-titulo: 'Gambetta', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --fonte-texto: 'Switzer', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --tam-legenda: .78rem;
  --tam-pequeno: .9rem;
  --tam-texto: 1.0625rem;
  --tam-lead: clamp(1.125rem, 1rem + .5vw, 1.35rem);
  --tam-h3: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --tam-h2: clamp(2.2rem, 1.4rem + 3.6vw, 4.25rem);
  --tam-h1: clamp(3.2rem, 1.6rem + 7vw, 8.5rem);

  --entrelinha-titulo: .95;
  --entrelinha-texto: 1.6;
  --espacamento-rotulo: .16em;

  /* ---------- Espaço e layout ---------- */
  --largura-max: 1240px;
  --medida-texto: 62ch;
  --margem-lateral: clamp(16px, 4vw, 48px);
  --espaco-xs: .5rem;
  --espaco-s: 1rem;
  --espaco-m: 1.75rem;
  --espaco-l: clamp(2.5rem, 2rem + 2.5vw, 4rem);
  --espaco-xl: clamp(4rem, 2.5rem + 6vw, 8rem);
  --raio-pilula: 999px;

  /* ---------- Movimento ---------- */
  --ease-organico: cubic-bezier(.22, 1, .36, 1);   /* desacelera como folha assentando */
  --ease-painel: cubic-bezier(.7, 0, .2, 1);       /* módulos do painel que se abre */
  --duracao-curta: .3s;
  --duracao-media: .7s;
  --duracao-longa: 1.2s;

  color-scheme: dark;
}