/* Tokens da marca Empreendedor Brasil, compartilhados pela landing e pelo app.
   Fonte única de verdade das cores: não repetir hexadecimais nos outros CSS. */
:root {
  --brand-900: #0b3a1f;
  --brand-800: #14532d;
  --brand-600: #16a34a;
  --brand-100: #dcfce7;
  --ink: #10201a;
  --muted: #5b6b63;
  --surface: #ffffff;
  --line: #e4ebe7;
}

/* Botões da marca, usados nas ações primárias do site e do sistema */
.btn-brand {
  background: var(--brand-600);
  border-color: var(--brand-600);
  color: #fff;
}

.btn-brand:hover,
.btn-brand:focus {
  background: var(--brand-800);
  border-color: var(--brand-800);
  color: #fff;
}

.btn-outline-brand {
  border: 1px solid var(--brand-800);
  color: var(--brand-800);
  background: transparent;
}

.btn-outline-brand:hover,
.btn-outline-brand:focus {
  background: var(--brand-800);
  color: #fff;
}

/* Foco visível em todo elemento interativo: acessibilidade por teclado */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.accordion-button:focus-visible {
  outline: 3px solid var(--brand-600);
  outline-offset: 2px;
}