:root {
  --via-primary: #F4C20D;
  --via-primary-dark: #D9A900;
  --via-secondary: #F28C28;
  --via-dark: #171717;
  --via-gray: #7A7A7A;
  --via-light: #FFF8D6;
  --via-white: #FFFFFF;
}

/* Fondo general */
body {
  background-color: var(--via-white);
  color: var(--via-dark);
}

/* Enlaces */
a {
  transition: color 0.25s ease, background-color 0.25s ease;
}

a:hover {
  color: var(--via-secondary);
}

/* Botones principales */
.btn-primary,
button[type="submit"] {
  background-color: var(--via-primary);
  color: var(--via-dark);
  border: 1px solid var(--via-primary-dark);
}

.btn-primary:hover,
button[type="submit"]:hover {
  background-color: var(--via-secondary);
  color: var(--via-white);
}

/* Menú superior */
header,
.navbar {
  background-color: var(--via-white);
  border-bottom: 3px solid var(--via-primary);
}

/* Opción activa */
.nav-active,
.active {
  color: var(--via-secondary);
}

/* Títulos */
.content-title {
  color: var(--via-dark);
}

/* Tarjetas */
.card {
  background: var(--via-white);
  border: 1px solid #E5E5E5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Etiquetas y badges */
.badge,
.property-badge {
  background-color: var(--via-primary);
  color: var(--via-dark);
}

/* Footer */
footer {
  background-color: var(--via-dark);
  color: var(--via-white);
}

footer a {
  color: var(--via-primary);
}

footer a:hover {
  color: var(--via-secondary);
}

/* Inputs */
input:focus,
select:focus,
textarea:focus {
  border-color: var(--via-primary);
  box-shadow: 0 0 0 3px rgba(244, 194, 13, 0.25);
  outline: none;
}