/* =========================================================
   Guindastes RJ — Design tokens
   Paleta: tons de cinza + preto + branco (SEM verde).
   ========================================================= */
:root {
  /* Superfícies */
  --bg-0: #1e1e1e;   /* mais escuro (seção resultados) */
  --bg-1: #242424;
  --bg-2: #2e2e2e;   /* navbar sólida, cards, chips */
  --bg-3: #343434;   /* seção localidades */
  --bg-4: #3d3d3d;   /* footer */
  --bg-5: #4d4d4d;   /* painel de contato */

  /* Texto. Muted/dim clareados do #b9b9b9/#8c8c8c originais: calibrados p/ o
     fundo preto (davam 8.5:1), caíam abaixo de 4.5 sobre as faixas cinza-médias
     (--mid #343434, footer #3d3d3d, contact #4d4d4d). Estes passam em todas e
     mantêm a hierarquia (muted visivelmente mais claro que dim). */
  --text: #ffffff;
  --text-muted: #c8c8c8;
  --text-dim: #b0b0b0;

  /* Botão primário (branco) */
  --btn-bg: #ffffff;
  --btn-fg: #141414;

  /* WhatsApp (única exceção verde — cor da marca).
     Escurecido do #25d366 oficial: texto branco sobre o verde original dava
     só 1.98:1 (WCAG pede 4.5). #12883f é o tom mais claro que passa (4.55:1)
     mantendo-se reconhecível como verde WhatsApp; -600 é o hover, mais escuro. */
  --whatsapp: #12883f;
  --whatsapp-600: #0f7d3a;

  /* Campos de formulário */
  --input-bg: #161616;
  --input-border: rgba(255,255,255,.14);
  --input-fg: #f0f0f0;
  --input-placeholder: #7c7c7c;

  /* Linhas / bordas / foco */
  --line: rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.24);
  --focus: rgba(255,255,255,.6);
  --focus-ring: rgba(255,255,255,.14);

  /* Overlay do hero (escuro neutro p/ legibilidade) */
  --hero-a: rgba(14,16,19,.90);
  --hero-b: rgba(14,16,19,.48);

  /* Raios / sombras */
  --radius: 14px;
  --radius-sm: 6px;
  --radius-pill: 999px;
  --shadow: 0 18px 44px rgba(0,0,0,.40);
  --shadow-card: 0 10px 30px rgba(0,0,0,.30);

  /* Layout */
  --maxw: 1200px;
  --gutter: clamp(16px, 3.5vw, 32px);
  --header-h: 72px;

  /* Tipografia */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Transições */
  --t-fast: .18s ease;
  --t: .28s ease;
}
