/* =========================================================
   Igreja Presbiteriana Betânia, tema do cliente
   Carregado depois de styles.css e só sobrescreve marca:
   paleta e tipografia. Nada de layout aqui.
   Fonte: kit de identidade entregue pela igreja (ago/2023).
   Cores amostradas dos PNGs do kit, não estimadas a olho.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  /* terracota, cor de comando: CTA, links, cabeçalhos */
  --brand:        #B06020;
  --brand-2:      #C87038;
  --brand-ink:    #904818;
  --brand-soft:   #FBF0E8;
  --brand-line:   #F0DCCC;

  /* laranja, destaque: progresso, botão de doar */
  --accent:       #F58028;
  --accent-ink:   #8A4A12;
  --accent-soft:  #FEF0E4;
  --accent-line:  #F8D6B8;
  --accent-deep:  #D8661A;
  --accent-lite:  #FBA05C;

  --on-accent:    #4A2408;   /* marrom escuro sobre laranja, 5.2:1.
                                o laranja é claro demais para o --brand-ink,
                                que daria só 2.6:1 e reprovaria em AA */
  --cover-ink:    #2A1608;   /* marrom profundo */
  --on-brand-soft:#E8CDB8;

  --welcome-a:    #FDF1E8;
  --welcome-b:    #FBE6D4;

  --font:      "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-head: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* A logo da Betânia é um monograma alto e estreito; o símbolo do
   Lapa é quase quadrado. Sem isto a marca fica minúscula na topbar. */
.brand__mark { height: 44px; }
.rail__logo  { height: 40px; }