/* light.css - variables para tema claro */
:root{
  --bg: #f9f9f9;
  --text: #333;
  --primary: #002f6c;
  --accent: #25d366;
  --card-bg: #f4f4f4;
  --card-text: #333;
  --service-title: #d32f2f;
  --muted-bg: #ffffff;
  --hero-bg-image: url("../Imagenes/Logo/Logo Claro.png"); 
  --hero-bg-size: cover; 
  --btn-text: #fff;
  --dark-btn-bg: #333;
}

html .hero {
  background-image: var(--hero-bg-image); 
}