/* ============================================================
   OSS YOGA · buttons.css
   Botoes unificados do site. Mesmo tamanho, estilo e comportamento
   em todas as paginas. A cor do botao primario acompanha a cor de
   identidade da pagina (--page-accent), preservando a identidade
   de cada formacao sem quebrar o padrao.

   Padrao de uso:
     .btn.btn-accent   -> botao primario  ("Inscreva-se")
     .btn.btn-outline  -> botao secundario ("Programa completo")
     .btn.btn-primary  -> variante verde-oss (usos institucionais)
   ============================================================ */
.btn{
  display:inline-block;padding:17px 38px;
  font-size:.72rem;letter-spacing:3px;text-transform:uppercase;font-weight:600;
  border:1px solid transparent;cursor:pointer;transition:all .3s;text-align:center;
}
.btn-primary{background:var(--verde-oss);color:var(--pergaminho);border-color:var(--verde-oss)}
.btn-primary:hover{background:var(--verde-oss-claro);border-color:var(--verde-oss-claro)}
.btn-accent{background:var(--page-accent);color:var(--pergaminho);border-color:var(--page-accent)}
.btn-accent:hover{background:transparent;color:var(--page-accent)}
.btn-outline{background:transparent;color:var(--pergaminho);border-color:rgba(245,241,232,.4)}
.btn-outline:hover{border-color:var(--page-accent);color:var(--page-accent)}
/* Secundario para secoes de fundo claro (pergaminho) */
.btn-outline-dark{background:transparent;color:var(--floresta);border-color:rgba(13,26,16,.3)}
.btn-outline-dark:hover{border-color:var(--page-accent);color:var(--page-accent)}