:root {
  --verde-tecno: #007300;
  --verde-claro: #A7F3D0;
  --verde-hover: #b5cc00;
  --gris-oscuro: #1F2937;
  --gris-claro: #F3F4F6;
  --gris-medio: #6B7280;
  --blanco: #FFFFFF;
  --negro-transparente: rgba(0, 0, 0, 0.6);
}

/* Tipografía general */
body {
  font-family: 'Inter', sans-serif;
  color: var(--gris-oscuro);
  background-color: var(--blanco);
}

/* Enlaces verdes */
a.link-verde {
  color: var(--verde-tecno);
  transition: color 0.3s ease;
}
a.link-verde:hover {
  color: var(--verde-hover);
}

/* Botón contorno verde */
.btn-verde-outline {
  border: 2px solid var(--verde-tecno);
  color: var(--verde-tecno);
  background-color: var(--blanco);
  transition: all 0.3s ease;
}
.btn-verde-outline:hover {
  background-color: var(--verde-hover);
  color: var(--blanco);
}

/* Botón fondo verde */
.btn-verde {
  background-color: var(--verde-tecno);
  color: var(--blanco);
  transition: all 0.3s ease;
}
.btn-verde:hover {
  background-color: var(--verde-hover);
}

/* Estilo íconos Lucide */
.lucide {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.lucide svg {
  width: 1.25rem;
  height: 1.25rem;
}