/* ============================================================
   DESIGN TOKEN — le "regole" visive di ÜRG GRÜRG.
   Se vuoi cambiare un colore in tutto il sito, cambialo qui.
   ============================================================ */
:root {
  /* Carta e toner */
  --paper: #e6e7e5;        /* bianco fotocopia, grigio freddo */
  --paper-2: #d5d6d3;      /* carta più scura, per le righe alternate */
  --ink: #141312;          /* nero toner */
  --ink-soft: #3d3a36;     /* testo secondario (contrasto ~10:1 sulla carta) */

  /* I 3 colori acidi: ognuno ha UN lavoro */
  --magenta: #ff2d87;      /* dieresi, azioni, voti */
  --yellow: #ffe14d;       /* nastro adesivo, "liberi tutti" */
  --green: #2ee86b;        /* "lo so suonare", conferme */
  --tape: rgb(255 225 77 / 0.78);

  /* Stampa fuori registro: la copia magenta spostata */
  --misreg-x: 2px;
  --misreg-y: 1px;

  /* Retino a mezzitoni (punti di toner) */
  --halftone: radial-gradient(var(--ink) 0.9px, transparent 1.3px) 0 0 / 5px 5px;

  /* Movimento a scatti: durata di UN fotogramma (3 fotogrammi ≈ 270ms) */
  --frame: 90ms;

  /* Caratteri */
  --font-body: "Archivo", system-ui, sans-serif;

  /* Spazi (scala a passi di 4px) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  /* Altezze fisse dell'interfaccia */
  --topbar-h: 60px;
  --tabs-h: 64px;
  --tap: 48px;             /* area minima da toccare col dito */
}