:root {
  --fondo:      #07070c;
  --fondo-2:    #0b0a15;
  --pannello:   rgba(22, 19, 38, 0.72);
  --pannello-2: rgba(35, 30, 58, 0.78);
  --velo:       rgba(7, 7, 12, 0.78);

  --linea:       rgba(255, 255, 255, 0.07);
  --linea-forte: rgba(255, 255, 255, 0.15);
  --linea-viva:  rgba(139, 47, 255, 0.55);

  --linea-comando: rgba(255, 255, 255, 0.34);

  --testo:       #f2f0f8;
  --testo-medio: #c3bdd6;
  --testo-tenue: #9a93b0;

  --viola:        #8b2fff;
  --viola-cupo:   #4b1391;
  --viola-chiaro: #c5a4ff;
  --twitch:       #9146ff;
  --amazon:       #ff9900;
  --ciano:        #22e0ff;
  --magenta:      #ff2fa0;

  --vetro-marchio: rgba(255, 255, 255, 0.92);
  --inchiostro:    #16131f;
  --su-marca:      #ffffff;

  --live:    #ff3d5e;
  --ok:      #35e0a1;
  --allerta: #ffc65c;

  --grad-pagina:
    radial-gradient(1200px 780px at  50% -12%, rgba(139,  47, 255, 0.220), rgba(139,  47, 255, 0) 70%) 0 0 / 100% 100% no-repeat fixed,
    radial-gradient( 900px 640px at 104%  10%, rgba( 34, 224, 255, 0.055), rgba( 34, 224, 255, 0) 66%) 0 0 / 100% 100% no-repeat fixed,
    radial-gradient( 980px 800px at -10%  58%, rgba(255,  47, 160, 0.050), rgba(255,  47, 160, 0) 68%) 0 0 / 100% 100% no-repeat fixed,
    radial-gradient( 820px 560px at  30% 108%, rgba( 75,  19, 145, 0.280), rgba( 75,  19, 145, 0) 72%) 0 0 / 100% 100% no-repeat fixed,
    #07070c;

  --grad-titolo: linear-gradient(98deg, #f2f0f8 0%, #c5a4ff 48%, #22e0ff 100%);

  --grad-pannello:
    linear-gradient(168deg, rgba(197, 164, 255, 0.10) 0%, rgba(197, 164, 255, 0.02) 38%, rgba(0, 0, 0, 0.12) 100%);

  --bagliore-viola: 0 0 24px rgba(139,  47, 255, 0.45);
  --bagliore-ciano: 0 0 20px rgba( 34, 224, 255, 0.40);

  --raggio:       14px;
  --raggio-s:      8px;
  --raggio-g:     22px;
  --raggio-pill: 999px;
  --ombra:         0 28px 70px -28px rgba(0, 0, 0, 0.85), 0 2px 8px rgba(0, 0, 0, 0.40);
  --ombra-morbida: 0 12px 32px -18px rgba(0, 0, 0, 0.70);

  --font-titolo: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-testo:  'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:   'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, 'SFMono-Regular', monospace;

  --binario-w:      88px;
  --dock-h:         64px;
  --max-larghezza: 1360px;
  --passo:           8px;

  --passo-2:  calc(var(--passo) *  2);
  --passo-3:  calc(var(--passo) *  3);
  --passo-4:  calc(var(--passo) *  4);
  --passo-6:  calc(var(--passo) *  6);
  --passo-8:  calc(var(--passo) *  8);
  --passo-12: calc(var(--passo) * 12);

  --margine: clamp(16px, 4vw, 56px);

  --t-h1:    clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);
  --t-h2:    clamp(1.8rem, 1.35rem + 1.8vw, 2.75rem);
  --t-h3:    clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --t-corpo: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --t-piccolo: 0.875rem;
  --t-micro:   0.75rem;

  --spazio-etichetta: 0.18em;

  --durata-lampo: 120ms;
  --durata:       220ms;
  --durata-lunga: 420ms;
  --curva:        cubic-bezier(0.22, 0.61, 0.36, 1);
  --rimbalzo:     cubic-bezier(0.3, 1.45, 0.6, 1);

  --sfocatura: 14px;

  --z-sfondo:    0;
  --z-contenuto: 1;
  --z-binario:  60;
  --z-velo:     80;
  --z-salta:   100;
}