:root{
  /* Colores de marca */
  --grad-start: #069ec0;
  --grad-mid:   #51b2bb;
  --grad-end:   #83c2b9;

  --verde: #00ae34;   /* Conéctate */
  --azul:  #006bb2;   /* Iniciar sesión */
  --blanco:#ffffff;
  --texto:#ffffff;

  /* Tipografía y espaciado */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  --radius: 12px;
  --shadow: 0 8px 24px rgba(0,0,0,.12);
  --touch: 48px;      /* mínimo táctil */
}