/* Hifas da Terra — marca
   Fuente: Source Sans Pro (fuente real del theme hifasdaterra.com, self-hosted en su Shopify;
   disponible también en Google Fonts, que es de donde se sirve aqui).
   Color primario: #4B2583, el mismo morado del boton de compra y del logotipo (#542D87) del sitio. */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --brand-primary: #4B2583;
  --brand-primary-ink: #3A1D66; /* version mas oscura, legible como texto sobre blanco */
  --brand-dark: #170B27;        /* fondo oscuro de marca (cabeceras, pie) */
  --brand-bg: #FCF4EB;          /* crema calido del sitio, fondo alternativo */
  --brand-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-terracota: #C57B57;
  --brand-salvia: #556962;
}

.brand-header{
  background: transparent;
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 12px;
}
.brand-header img,
.brand-header .brand-logo{
  height: 26px;
  width: auto;
  display: block;
}
.brand-header .brand-name{
  font-family: var(--brand-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.brand-header .brand-name b{ font-weight: 800; }
.brand-header .brand-name span{ font-weight: 400; color: #8C857C; }
:root[data-theme="dark"] .brand-header{ color: #F7F1EA; }