/* La Factory — tokens de diseño compartidos.
   Un solo tema (claro) por decisión de diseño explícita — no es un olvido del
   modo oscuro, es la dirección visual elegida y validada para esta pieza. */

:root{
  --bone:       #f5f4ef;  /* fondo base */
  --ink:        #14140f;  /* texto principal / ficha "ink" */
  --cobalt:     #1f3fd6;  /* ficha "cobalt" / acento primario */
  --cobalt-ink: #eef0ff;  /* texto sobre cobalto */
  --coral:      #ff5a36;  /* ficha "coral" / acento secundario */
  --coral-ink:  #2a0a02;  /* texto sobre coral */
  --sub:        #6b6b62;  /* texto secundario */
  --line:       #e2e0d5;  /* bordes / separadores */
  --panel:      #ffffff;  /* tarjetas sobre el fondo bone */

  /* Azules reales de la marca ATIO (tomados del sitio atioinc.com),
     usados acá solo como difuminado ambiental de fondo — no reemplazan
     la paleta de fichas (cobalt/ink/coral), que ya convive bien con ellos. */
  --atio-blue-deep: #365072;
  --atio-blue-mid:  #5b89b4;
  --atio-blue-bright:#1e73d6;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1200px 820px at 100% 0%, rgba(30,115,214,0.13) 0%, rgba(30,115,214,0.05) 42%, transparent 72%),
    radial-gradient(760px 560px at -10% 22%, rgba(54,80,114,0.12) 0%, transparent 68%),
    radial-gradient(820px 620px at 98% 68%, rgba(91,137,180,0.13) 0%, transparent 68%),
    radial-gradient(680px 480px at 6% 96%, rgba(54,80,114,0.09) 0%, transparent 65%);
  background-repeat:no-repeat;
  background-attachment:fixed;
}
@media (max-width:820px){
  body{ background-attachment:scroll; }
}
a{color:inherit;}
button{font:inherit;}
img{max-width:100%;}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px;}

.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}
.disp{
  font-family:'Archivo Black',ui-sans-serif,sans-serif;font-weight:400;
  letter-spacing:-.02em;text-wrap:balance;line-height:1.08;
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}
}