/*
 * Tivra — Button
 * ──────────────
 * 2 variantes:
 *   .btn         → primário, fundo --a1, texto preto
 *   .btn-ghost   → secundário, contorno --a2, texto --text
 *
 * Ambos partilham tipografia, padding, tracking. Não há ainda
 * tamanhos (sm/md/lg) nem ícones — só os dois botões que a
 * página usa.
 *
 * Tokens consumidos: --body, --a1, --a2, --text, --black.
 */

.btn,
.btn-ghost {
  font-family: var(--body);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-radius: 0;
  display: inline-block;
}

.btn {
  padding: 14px 22px;
  border: 0;
  background: var(--a1);
  color: var(--black);
}

.btn:hover { filter: brightness(1.07); }

.btn-ghost {
  padding: 13px 20px;
  border: 1px solid var(--a2);
  color: var(--text);
  background: transparent;
}