/* ── base.css — Reset, html/body, tipografía base ── */
html, body { height: 100%; margin: 0; }
body { box-sizing: border-box; }
.card-shadow { box-shadow: 0 0 30px rgba(196,160,172,0.15); }

/* Fondo con mas profundidad: gradiente sutil sobre el beige */
body {
  background-color: #f5f0eb;
  background-image: linear-gradient(180deg, #f9f5f2 0%, #f5f0eb 45%, #f0e7e5 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Input focus glow */
input:focus, textarea:focus, select:focus {
  border-color: #c4a0ac;
  box-shadow: 0 0 0 3px rgba(196, 160, 172, 0.12);
  outline: none;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}