/* ======= THEME (Lokar) ======= */
:root{
  --brand-700:#1E237A;   /* azul escuro */
  --brand-600:#252C8F;   /* azul primário */
  --brand-500:#2E3192;   /* azul institucional */
  --brand-300:#4F58C7;   /* azul claro */
  --accent-500:#F39C12;  /* laranja destaque */
  --text-900:#0F172A;    /* quase preto */
  --text-700:#334155;
  --bg-50:#F8FAFF;
  --white:#fff;
}

/* Elementos principais */
body{color:var(--text-900); background:var(--bg-50);}
.topbar{background:var(--brand-600); color:var(--white);}
.topbar .menu a{color:#E8ECFF;}
.topbar .menu a:hover{color:var(--white);}
.brand{color:#FFD66E;}

/* Hero */
.hero{background:linear-gradient(180deg, var(--brand-700) 0%, var(--brand-600) 100%); color:var(--white);}
.hero .hero_text h1{color:#FFF;}
.hero .hero_text p{color:#E8ECFF;}

/* Botões */
.btn{display:inline-flex; align-items:center; gap:.6rem; font-weight:700; border-radius:8px; padding:.9rem 1.2rem; text-decoration:none;}
.btn-primary{background:var(--accent-500); color:#1d1d1d;}
.btn-primary:hover{filter:brightness(.95);}
.btn-outline{border:2px solid #cfd3ff; color:#e8ecff; background:transparent;}
.btn-outline:hover{background:#cfd3ff; color:#1d1d1d;}
.btn-whats{background:#23D366; color:#0f2a0f;}
.btn-whats:hover{filter:brightness(.95);}

/* Seções comuns */
section h2{color:var(--brand-700);}
a{color:var(--brand-500);}
a:hover{color:var(--brand-300);}

/* Cards, badges etc (genérico) */
.badge{background:var(--brand-300); color:#fff; border-radius:999px; padding:.25rem .7rem; font-weight:700;}