/* ─────────────────────────────────────────────────────────────
   Token di design — la notte nella stanza dell'avatar.
   Colori presi dagli asset: giallo acido (scarabocchi), rosso felpa,
   ciano dei neon, magenta del cartellone; fondo nero-blu notturno.
   ───────────────────────────────────────────────────────────── */
:root {
  color-scheme: dark;

  /* Superfici */
  --void: #05060a;
  --hull: #0b0d13;
  --hull-2: #11141c;
  --hull-3: #191d29;
  --line: #262c3c;
  --line-hi: #3d4560;

  /* Testo */
  --text: #f2f4f8;
  --text-2: #b6bdcd;
  --text-3: #8f97ac;

  /* Colori di ruolo */
  --volt: #f7e733;      /* azione principale, voce attiva, regia */
  --hood: #ff3b4e;      /* live, pericolo, ban */
  --neon: #3ae8e1;      /* chat, stato ok, link */
  --pink: #ff4fd8;      /* avatar, regali */
  --ultra: #ab8dff;     /* bits */
  --amber: #ffab2e;     /* riscatti, avvisi */
  --ink: #07080b;       /* testo sopra i colori pieni */

  /* Colore per pannello (fascia di testa) */
  --tone-chat: var(--neon);
  --tone-settings: var(--volt);
  --tone-preview: var(--hood);
  --tone-avatar: var(--pink);
  --tone-events: var(--ultra);

  /* Tipografia */
  --font-ui: 'Chakra Petch', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Big Shoulders Display', 'Chakra Petch', 'Arial Narrow', sans-serif;
  --font-data: ui-monospace, 'Cascadia Mono', 'SFMono-Regular', Consolas, monospace;

  /* Misure */
  --statusbar-h: 52px;
  --gutter: 10px;
  --cut: 12px;
  --head-h: 36px;
  --chat-size: 15px;

  /* Movimento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --fast: 140ms;
  --mid: 260ms;

  /* Profondità (solo overlay) */
  --lift: 0 24px 48px -16px rgb(0 0 0 / 0.7), 0 6px 14px -6px rgb(0 0 0 / 0.6);
}