:root{
  --lila: #6E5FA8;
  --lila-light: #EAE3FA;
  --verde: #4CAF6D;
  --verde-light: #DFF3E4;
  --ink: #2C2340;
  --gray: #6b6478;
}

body{
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background:#FBF9FF;
}

.navbar-brand{
  font-weight:700;
  color: var(--lila) !important;
  font-size:1.5rem;
}

.nav-link{
  font-weight:600;
  color: var(--ink) !important;
}
.nav-link.active{
  color: var(--lila) !important;
}

.btn-lila{
  background-color: var(--lila);
  border-color: var(--lila);
  color:#fff;
  font-weight:600;
}
.btn-lila:hover{
  background-color:#5b4e8c;
  border-color:#5b4e8c;
  color:#fff;
}

.btn-verde{
  background-color: var(--verde);
  border-color: var(--verde);
  color:#fff;
  font-weight:600;
}
.btn-verde:hover{
  background-color:#3d9358;
  border-color:#3d9358;
  color:#fff;
}

.hero{
  background: linear-gradient(120deg, var(--lila-light), var(--verde-light));
  padding:60px 0;
  border-radius: 0 0 24px 24px;
}

.card-product{
  border:1px solid #eae3fa;
  border-radius:14px;
  height:100%;
  transition: box-shadow .15s ease, transform .15s ease;
}
.card-product:hover{
  box-shadow: 0 10px 24px rgba(110,95,168,0.15);
  transform: translateY(-2px);
}

.card-product .badge-cat{
  background: var(--lila-light);
  color: var(--lila);
  font-weight:600;
}

.section-title{
  font-weight:700;
  color: var(--ink);
  margin-bottom: 8px;
}

.section-subtitle{
  color: var(--gray);
  margin-bottom: 32px;
}

footer{
  background: var(--ink);
  color: rgba(255,255,255,0.75);
  padding: 40px 0 20px;
  margin-top: 60px;
}
footer a{
  color: rgba(255,255,255,0.75);
  text-decoration:none;
}
footer a:hover{
  color:#fff;
}

.alert-custom{
  border-radius:12px;
}

.cart-badge{
  background: var(--verde);
}