/* Tokens de design do site — Recomenda Advogado.
   Fonte: painel-recomenda/design/tokens.css (dourado #cba040 decidido em 19/09/2026,
   é o do logotipo). Carregado antes de main.css, lp-base.css e auxiliary.css. */
:root {
  /* Marca */
  --ra-azul: #041b5d;
  --ra-azul-2: #1e3a8a;
  --ra-azul-2-hover: #162f6e;
  --ra-dourado: #cba040;          /* acento: nunca como cor de texto sobre branco */
  --ra-dourado-escuro: #b8903d;
  --ra-dourado-texto: #7a5a12;    /* texto sobre fundo dourado-claro (contraste > 4,5:1) */
  --ra-dourado-claro: #fff8e7;
  --ra-destaque: #fcd34d;
  --ra-cinza: #eaeaea;

  /* Neutros */
  --ra-gray-50: #f9fafb;  --ra-gray-100: #f3f4f6; --ra-gray-200: #e5e7eb; --ra-gray-300: #d1d5db;
  --ra-gray-400: #9ca3af; --ra-gray-500: #6b7280; --ra-gray-600: #4b5563; --ra-gray-700: #374151;
  --ra-gray-800: #1f2937; --ra-gray-900: #111827;
  --ra-superficie: #f7f8fa;
  --ra-tinta-azul: #eef2ff;
  --ra-tinta-azul-2: #f0f4ff;

  /* WhatsApp: contorno e texto verde escuro (branco sobre #25d366 não passa contraste) */
  --ra-whatsapp: #25d366;
  --ra-whatsapp-borda: #128c4b;
  --ra-whatsapp-texto: #0b5d33;
  --ra-whatsapp-fundo: #dcfce7;
  --ra-whatsapp-fundo-texto: #14532d;

  /* Tipografia */
  --ra-fonte: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Forma e espaço */
  --ra-raio-botao: 8px;
  --ra-raio-card: 12px;
  --ra-raio-destaque: 16px;
  --ra-raio-pilula: 999px;
  --ra-largura-leitura: 768px;

  /* Foco visível */
  --ra-foco: 0 0 0 3px rgba(30, 58, 138, 0.35);
}

/* Foco visível em todo o site (teclado) */
:focus-visible {
  outline: 3px solid var(--ra-azul-2);
  outline-offset: 2px;
}