/* token generati da packages/design — non modificare a mano
   sorgente: packages/design/temi.js — tema «menu»
   per cambiare un colore si modifica là e si rilancia il generatore. */
:root {
  /* --- il nucleo: i ruoli che tutte le app hanno --- */
  --fondo: #04070F;
  --pannello: #0A1018;
  --pannello-2: #151B24;
  --testo: #E7EBF2;
  --testo-2: #B0B8C5;
  --linea: #2A3342;
  --accento: #EAB532;
  --ok: #15FF96;
  --errore: #FF5957;
  --serif: 'Unbounded', system-ui, sans-serif;
  --sans: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* --- extra di questo tema --- */
  --barra: #02040B;
  --incavo: #04070F;
  --linea-tenue: #1E242E;
  --linea-campo: #313B4A;
  --punti: #252E3D;
  --testo-3: #88909C;
  --avviso: #F9D544;
  --su-accento: #04070F;
  --tessera: #93690D;
  --accento-chiaro: #F7DBA1;
  --accento-spento: #4E3A06;

  /* --- forma e tempo: uguali per tutte --- */
  --raggio: 12px;
  --raggio-s: 8px;
  --ombra: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.5);
  --velocita: .18s;

  /* --- i nomi storici di questa app: rimandi, non colori --- */
  --top: var(--barra);
  --paper: var(--fondo);
  --card: var(--pannello);
  --paper-2: var(--pannello-2);
  --sunken: var(--incavo);
  --ink: var(--testo);
  --muted: var(--testo-2);
  --hair: var(--linea);
  --hair-soft: var(--linea-tenue);
  --accent: var(--accento);
  --accent-soft: var(--accento-chiaro);
  --accent-dim: var(--accento-spento);
  --on-accent: var(--su-accento);
  --brass: var(--accento);
  --veg: var(--ok);
  --warn: var(--avviso);
  --danger: var(--errore);
  --shadow: var(--ombra);
  --radius: var(--raggio);
  --radius-s: var(--raggio-s);
  --speed: var(--velocita);

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --velocita: 0s; }
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
/* fine dei token generati */