:root {
  --color-primario: #6A1B9A;     /* Púrpura */
  --color-secundario: #4DB6AC;   /* Teal */
  --color-fondo-suave: #C3AED6;  /* Lavanda */
  --color-texto: #333333;
  --color-blanco: #FFFFFF;
}

body {
  font-family: 'Segoe UI', sans-serif;
  background-color: var(--color-blanco);
  color: var(--color-texto);
}

.navbar {
  background-color: var(--color-primario);
}

.navbar-brand,
.nav-link {
  color: var(--color-blanco) !important;
}

header {
  background: linear-gradient(to right, var(--color-secundario), var(--color-fondo-suave));
  color: var(--color-blanco);
}

header .btn {
  background-color: var(--color-primario);
  border: none;
}

section#servicios .card {
  border: none;
  background-color: var(--color-fondo-suave);
}

section#sobre-mi {
  background-color: var(--color-fondo-suave);
}

section#contacto .btn {
  background-color: var(--color-primario);
  border: none;
  color: var(--color-blanco);
}

footer {
  background-color: var(--color-primario);
  color: var(--color-blanco);
}
:root {
  --color-primario: #6A1B9A;     /* Púrpura */
  --color-secundario: #4DB6AC;   /* Teal */
  --color-fondo-suave: #C3AED6;  /* Lavanda */
  --color-blanco: #FFFFFF;
}

.bg-primario {
  background-color: var(--color-primario);
}

.btn-acento {
  background-color: var(--color-secundario);
  color: var(--color-blanco);
  border: none;
}

.btn-acento:hover {
  background-color: #39988f;
}