/* Marca BYLLU (27/09/2026) — tokens e ajustes sobre o tema do vendedor (style.css).
   Paleta: Azul Profundo #0B2D4D · Azul Principal #2563EB · Verde Turquesa #14B8A6
   · Cinza Escuro #334155 · Cinza Claro #E5E7EB · Branco #FFFFFF. Tipografia: Poppins.
   Turquesa puro com texto branco dá 2,5:1 → em botão/texto use #0F766E (5,5:1). */
:root{
  --byllu-azul-profundo:#0B2D4D;
  --byllu-azul:#2563EB;
  --byllu-azul-escuro:#1D4ED8;
  --byllu-turquesa:#14B8A6;
  --byllu-turquesa-texto:#0F766E;
  --byllu-cinza-escuro:#334155;
  --byllu-cinza-claro:#E5E7EB;
  --byllu-branco:#FFFFFF;
}
h1,h2,h3,h4,.sec-title,.homebanner-content h1{font-family:"Poppins",sans-serif;}

/* cabeçalho em Azul Profundo, com a versão da logo para fundo escuro */
.section-header{background:var(--byllu-azul-profundo);border-bottom-color:var(--byllu-azul-profundo);}
.site-logo img{max-height:48px;width:auto;}
header ul.menu li a{color:var(--byllu-cinza-claro);}
header ul.menu li a:hover{color:var(--byllu-branco);}
header ul.menu li a:before{background:var(--byllu-turquesa);}
.header-right-btn .btn{color:var(--byllu-azul-profundo);}
.header-right-btn .btn:hover{color:var(--byllu-branco);border-color:var(--byllu-branco);}
.header-right .navbar-toggler{background:var(--byllu-azul);}

/* capa: mesma ilustração, azul da marca */
.banner-inner{background-image:url(../img/byllu-hero-bg.png);}
.homebanner-content p{color:#EFF6FF;}

/* botões com texto branco sobre azul (contraste 5,2:1) */
.contact-form .form-group.btn-grp .btn.btn-primary{color:var(--byllu-branco);}
.contact-form .form-group.btn-grp .btn.btn-primary:hover{color:var(--byllu-azul);}
.ban-btn a.blue-btn.btn,.contact-form .form-group.btn-grp .btn.btn-primary{box-shadow:0 8px 28px rgba(37,99,235,.25);}

/* destaques: turquesa escurecido para texto; faixa roxa do vendedor vira Azul Profundo */
h2.sec-title span{color:var(--byllu-turquesa-texto);}
.purple-bg{background:var(--byllu-azul-profundo);}
.purple-bg .white-text p,.white-text p{color:#CBD5E1 !important;}
.how-works-list ul li:before{border-left-color:var(--byllu-turquesa);}

/* rodapé em Azul Profundo */
.section-footer.bg-dark,.section-footer{background:var(--byllu-azul-profundo) !important;}
.section-footer p{color:#CBD5E1;}
.section-footer .ft-col ul li,.section-footer .ft-col ul li a{color:#CBD5E1;}
.section-footer .ft-col ul li a:hover{color:var(--byllu-branco);}
.ft-logo img{max-width:170px;height:auto;}
.copy-right p{color:var(--byllu-turquesa);}
#toTopBtn{background-color:var(--byllu-azul);}