:root {
    --primary-color: #583588;
    --accent-color: #aacd0c;
    --text-color: #4d4d4d;
    --background-color: #ffffff;
}

body {
    color: var(--text-color);
    background-color: var(--background-color);
    font-family: Arial, sans-serif;
}

h2 {
    color: var(--primary-color);
}

.btn {
    font-weight: 500;
}

.card-title {
    color: var(--primary-color);
}


/* Navbar - evitar hover blanco y estilo tipo Notion */
.navbar {
  background: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.navbar .nav-link {
  color: var(--primary-color) !important;
  border-radius: 10px;
  padding: .45rem .7rem;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: var(--primary-color) !important;
  background: rgba(88,53,136,0.07);
  text-decoration: none;
}
.navbar .nav-link.active {
  background: rgba(88,53,136,0.12);
  color: var(--primary-color) !important;
}

/* Formularios más angostos (login/registro/citas) */
.form-narrow {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}