/* Estilos del primer diseño, acotados a .legacy: solo afectan al contenido de las páginas aún sin rediseñar. */
:root {
  --tinta: #0f1222;
  --tinta-2: #1b2033;
  --texto: #1b2230;
  --suave: #5d6675;
  --linea: #dfe3ea;
  --papel: #ffffff;
  --fondo-suave: #f5f6fb;

  --primario: #4f46e5;
  --primario-oscuro: #3730a3;
  --primario-tinte: rgba(79, 70, 229, 0.12);
  --acento: #22d3ee;

  --aviso: #b26a00;
  --fondo-aviso: #fdf3e3;
  --error: #b42318;
  --ok: #067647;

  --fuente-titulo: "Space Grotesk", system-ui, sans-serif;
  --fuente-texto: "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --ancho: 1120px;
  --ancho-texto: 760px;
  --radio: 12px;
  --sombra: 0 8px 30px rgba(15, 18, 34, 0.08);
  --espacio-seccion: clamp(56px, 8vw, 104px);
}