/* tu css propio (extra) */
:root { color-scheme: light; }

.container-max { max-width: 72rem; margin: 0 auto; }
/* suaviza tipografía y render */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* =========================================================
   YAPERITA — AUTH UI (opcional, pega al final de app.css)
   ========================================================= */
:root{
  --yp-brand: #492776;
}

/* sombra suave consistente */
.yp-soft-shadow{
  box-shadow: 0 18px 55px rgba(73,39,118,.12);
}

/* mejora render fuentes en inputs */
input, button, textarea, select{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* enfoque accesible si algún navegador no aplica focus-ring */
:focus-visible{
  outline: 3px solid rgba(73,39,118,.18);
  outline-offset: 2px;
  border-radius: 14px;
}