:root{
  --color-primary:#ae4736;
  --color-secondary:#8b8b8b;
}

/* utilidades propias */
.btn-primary{ background:var(--color-primary); }
.btn-primary:hover{ filter:brightness(1.08); }
.text-accent{ color:var(--color-primary); }
.badge{ background:var(--color-secondary); color:#fff; }

/* scroll suave (fallback si no usas la clase) */
html{ scroll-behavior:smooth; }

/* accesibilidad: reducir movimiento */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}