/* /static/css/app.css - capa fina sobre Tailwind (sobria, LADV-ish) */

:root{
  --grid: rgba(15, 23, 42, 0.06);
  --ink: rgba(2, 6, 23, 0.72);
}

html, body { height: 100%; }

body{
  color: var(--ink);
}

/* Grid sutil en el fondo (muy ligero, nada “gamer”) */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 1px 1px, var(--grid) 1px, transparent 0);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at top, #000 55%, transparent 85%);
  opacity: 1;
}

/* Mejor legibilidad del informe en <pre> */
pre{
  tab-size: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}