/* Design tokens.
 *
 * ORIGEM: extraidos do CSS que esta em producao
 * (/_next/static/css/423d5bbc78ef8a54.css), nao da secao 11 do
 * PROJECT-SYSTEM.md.
 *
 * POR QUE: estamos melhorando o site existente, e as paginas novas convivem
 * com as antigas no mesmo dominio. Site com duas paletas parece quebrado.
 * Coerencia visual com o que ja esta no ar vale mais que a paleta do
 * documento — decisao de 12/08/2026.
 *
 * Duas coisas ja batiam: a fonte era Inter nos dois, e o verde do CTA era
 * exatamente o mesmo.
 *
 * Nenhuma cor literal fora desta lista no resto do CSS.
 */

:root {
  /* Marca — rgb(26 86 160) no CSS de producao, usada em bg, texto e borda */
  --color-primary: #1A56A0;
  /* Derivado: escurecimento do primary para estado de pressao. Nao ha
     equivalente explicito no CSS antigo, que usa `hover:bg-primary`. */
  --color-primary-dark: #14447F;

  /* O site em producao nao tem cor secundaria propria — so o azul, o verde
     de CTA e a escala de cinza. Mantemos o azul como secundario e um tom
     claro dele para superficies suaves. */
  --color-secondary: #1A56A0;
  --color-secondary-soft: #EAF2FB;

  /* Acao — verde WhatsApp. rgb(37 211 102) e rgb(29 168 81) em producao. */
  --color-cta: #25D366;
  --color-cta-hover: #1DA851;

  /* Texto — escala de cinza do site em producao.
     rgb(31 41 55) = #1F2937, e `text-gray-700` (#374151) aparece 121x. */
  --color-text: #1F2937;
  --color-text-secondary: #374151;
  --color-muted: #9CA3AF;

  /* Bordas — `border-gray-200` aparece 120x em producao */
  --color-border: #E5E7EB;
  --color-border-strong: #D1D5DB;

  /* Fundos */
  --color-bg: #FFFFFF;
  --color-bg-soft: #F9FAFB;
  --color-bg-clean: #F3F4F6;
  --color-bg-dark: #1A56A0;

  /* Raios — em producao `rounded-lg` (.5rem) domina com 120 ocorrencias,
     seguido de `rounded-xl` (.75rem). */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  /* Pill e circulo. Nao esta na secao 11; vem da linguagem de forma suave
     do sistema Airbnb, onde nenhum elemento interativo tem canto duro. */
  --radius-full: 9999px;

  /* Layout */
  --container: 1200px;

  /* Escala de espacamento
     Micro-passo de 2px adotado do sistema Airbnb — util em gutter de legenda
     e divisor denso, onde 4px ja e demais. */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* --------------------------------------------------------------------
     Derivados — nao estao na secao 11, mas saem dela.
     -------------------------------------------------------------------- */

  /* Tipografia (secao 12). Inter primeiro; se nao estiver instalada, cai na
     stack do sistema. Ainda NAO auto-hospedamos o WOFF2 (secao 111) — evitar
     puxar de CDN de terceiro so para isso (secao 112). */
  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ------------------------------------------------------------------
     Elevacao: UM unico nivel.

     Adotado do sistema Airbnb, que tem exatamente uma definicao de sombra
     em todo o design system. Antes havia tres niveis aqui, e a disciplina
     de um so e mais limpa: a superficie ou esta apoiada ou nao esta.

     Profundidade vem da separacao branco-sobre-branco, do recorte de canto
     arredondado e — quando existir — da fotografia. Nao de camadas de sombra.
     ------------------------------------------------------------------ */
  --shadow:
    rgba(0, 0, 0, 0.02) 0 0 0 1px,
    rgba(0, 0, 0, 0.04) 0 2px 6px 0,
    rgba(0, 0, 0, 0.10) 0 4px 8px 0;
}