/* MathGuru — base.css */
/* Variabili, azzeramenti, tipografia e fondale cosmico */

/* ============================================================
   MATHGURU — monolite html/css/js — nessuna dipendenza
   Palette: indigo cosmico / plasma magenta / ciano ionico
   ============================================================ */
:root{
  --bg:#05010f;
  --ink:#eaf1ff;
  --dim:#8b95c9;
  --plasma:#ff2fb9;
  --ion:#22e6ff;
  --violet:#7c3cff;
  --gold:#ffd23f;
  --lime:#8bff3f;
  --panel:rgba(20,11,48,.62);
  --line:rgba(150,125,255,.28);
  --gap:clamp(3px,.9vw,7px);
  --r:14px;
  --sp:1;              /* moltiplicatore velocita levitazione */
  --fd:'Orbitron',ui-sans-serif,system-ui,'Segoe UI',sans-serif;   /* display */
  --fb:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;         /* testo */              /* moltiplicatore di velocità della levitazione */
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--fb);
  overflow:hidden;
  overscroll-behavior:none;
  -webkit-font-smoothing:antialiased;
}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}

/* ---------- fondale cosmico ---------- */
#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
/* il fumo sta sopra ogni cosa ma non intercetta alcun tocco */
#smoke{position:fixed;inset:0;width:100%;height:100%;z-index:90;display:block;pointer-events:none}
.nebula{position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:
    radial-gradient(38% 30% at 18% 22%, rgba(255,47,185,.20), transparent 65%),
    radial-gradient(42% 34% at 82% 30%, rgba(34,230,255,.16), transparent 68%),
    radial-gradient(50% 40% at 50% 92%, rgba(124,60,255,.24), transparent 70%);
  filter:blur(12px);
  animation:drift 34s ease-in-out infinite alternate;
}
@keyframes drift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.12)}}