:root {
  --azul: #1a3a5c;
  --azul-claro: #2d6a9f;
  --azul2: #2d6a9f;
  --azul-suave: #e8f0f8;
  --azul-s: #e8f0f8;
  --verde: #1e7a4a;
  --verde-claro: #27ae60;
  --verde-suave: #d5f5e3;
  --rojo: #c0392b;
  --rojo-suave: #fdecea;
  --naranja: #e67e22;
  --borde: #c8d8e8;
  --texto: #1a2a3a;
  --gris: #6b7c8d;
  --fondo: #f4f7fb;
  --blanco: #ffffff;
}

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

body {
  font-family: "Segoe UI", system-ui, sans-serif;
  background: var(--fondo);
  color: var(--texto);
  min-height: 100vh;
}

button, input, select, textarea { font-family: inherit; }