/* =============================================================
   ATENDEAÍ,OH — tema de produto sobre a rampa 360
   v1.0 · 2026-09-20

   mesma paleta da casa. aliases diferentes.
   nao substitui a 360. nao misturar na mesma tela.

   CTA: verde WhatsApp como PREENCHIMENTO + texto ink-950.
   branco sobre green-600 mede ~2,9:1 — reprovado. hover mantem ink.
   azul: marca e variante .btn-blue, nunca o botao padrao desta pele.
   display: Bricolage Grotesque. raio de acao: 8px (nao pill).
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap');

html[data-tema="atendeaioh"] {
  color-scheme: light;
  --color-primary:       var(--green-500);
  --color-primary-hover: var(--green-600);
  --color-primary-soft:  var(--green-50);
  --color-on-primary:    var(--ink-950);
  --color-focus-ring:    rgba(37, 211, 102, 0.38);
  --color-link:          var(--ink-950);
  --font-display:        'Bricolage Grotesque', 'Inter', system-ui, sans-serif;
  --radius-pill:         8px;
}

html[data-tema="atendeaioh"] .btn-blue {
  background: var(--blue-500);
  color: var(--white);
}
html[data-tema="atendeaioh"] .btn-blue:hover:not(:disabled) {
  background: var(--blue-600);
}

/* by lions intelligence */