/* Base compartida por la landing, el login y la app:
   reset, colores de la marca, tipografía y el botón principal. */

* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* marca */
  --magenta: #b5179e;
  --morado: #7209b7;

  /* superficies */
  --fondo: #faf6f8;
  --blanco: #fff;
  --borde: #efe4ec;
  --borde-campo: #e3d7dd;

  /* texto */
  --texto: #2b2b2b;
  --suave: #6b6470;

  /* estados */
  --alerta: #e63946;
  --alerta-texto: #c1121f;
  --alerta-fondo: #ffd6d6;
  --ok-texto: #1b7a6b;
  --ok-fondo: #d6f5ef;

  /* forma */
  --sombra: 0 1px 4px rgba(0, 0, 0, .07);
  --fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

body {
  font-family: var(--fuente);
  background: var(--fondo);
  color: var(--texto);
}

/* Botón principal. Se usa igual sobre <button> y sobre enlaces <a>. */
.btn {
  display: inline-block;
  background: var(--magenta);
  color: var(--blanco);
  text-decoration: none;
  padding: 11px 20px;
  border-radius: 10px;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity .15s;
}
.btn:hover { opacity: .88; }
.btn:active { opacity: .85; }