/* token generati da packages/design — non modificare a mano
   sorgente: packages/design/temi.js — «Sobrio», tema «menu»
   per cambiare un colore si modifica là e si rilancia il generatore. */
:root {
  color-scheme: light;
  --fondo: #F5F5F2;
  --pannello: #FFFFFF;
  --pannello-2: #EFEFEB;
  --testo: #1B1C1E;
  --testo-2: #5B5E65;
  --testo-3: #73767D;
  --linea: #E2E2DC;
  --linea-campo: #D3D3CC;
  --ok: #1D6436;
  --avviso: #80540A;
  --errore: #9E2B21;
  --info: #2B5C8A;
  --ok-tenue: #E3F1E7;
  --avviso-tenue: #FAEFD9;
  --errore-tenue: #FBE6E3;
  --info-tenue: #E4EDF6;
  --barra: rgba(255,255,255,0.94);
  --velo: rgba(20,21,23,0.45);
  --incavo: #EFEFEB;
  --linea-tenue: #ECECE6;
  --punti: #E2E2DC;
  --ombra: 0 1px 2px rgba(20,21,23,.06), 0 8px 24px rgba(20,21,23,.08);
  --accento: #A5553A;
  --accento-tenue: #F6E9E3;
  --su-accento: #FFFFFF;
  --accento-chiaro: #F6E9E3;
  --accento-spento: #F6E9E3;
  --serif: 'Geist', system-ui, sans-serif;
  --sans: 'Geist', system-ui, sans-serif;

  /* --- forma e tempo: uguali per tutte --- */
  --raggio: 12px;
  --raggio-s: 8px;
  --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);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="chiaro"]) {
    color-scheme: dark;
    --fondo: #121314;
    --pannello: #1B1C1F;
    --pannello-2: #25272B;
    --testo: #ECECE9;
    --testo-2: #A6A9AF;
    --testo-3: #8B8F96;
    --linea: #2D2F34;
    --linea-campo: #3A3D42;
    --ok: #8CD0A3;
    --avviso: #E6C27A;
    --errore: #EFA197;
    --info: #9CC3EA;
    --ok-tenue: #1B3024;
    --avviso-tenue: #352B16;
    --errore-tenue: #3A1F1C;
    --info-tenue: #1B2A3A;
    --barra: rgba(27,28,31,0.94);
    --velo: rgba(0,0,0,0.6);
    --incavo: #161719;
    --linea-tenue: #26282C;
    --punti: #2D2F34;
    --ombra: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);
    --accento: #E0A085;
    --accento-tenue: #33221B;
    --su-accento: #1E120D;
    --accento-chiaro: #33221B;
    --accento-spento: #33221B;
    --serif: 'Geist', system-ui, sans-serif;
    --sans: 'Geist', system-ui, sans-serif;
  }
}
:root[data-tema="scuro"] {
  color-scheme: dark;
  --fondo: #121314;
  --pannello: #1B1C1F;
  --pannello-2: #25272B;
  --testo: #ECECE9;
  --testo-2: #A6A9AF;
  --testo-3: #8B8F96;
  --linea: #2D2F34;
  --linea-campo: #3A3D42;
  --ok: #8CD0A3;
  --avviso: #E6C27A;
  --errore: #EFA197;
  --info: #9CC3EA;
  --ok-tenue: #1B3024;
  --avviso-tenue: #352B16;
  --errore-tenue: #3A1F1C;
  --info-tenue: #1B2A3A;
  --barra: rgba(27,28,31,0.94);
  --velo: rgba(0,0,0,0.6);
  --incavo: #161719;
  --linea-tenue: #26282C;
  --punti: #2D2F34;
  --ombra: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);
  --accento: #E0A085;
  --accento-tenue: #33221B;
  --su-accento: #1E120D;
  --accento-chiaro: #33221B;
  --accento-spento: #33221B;
  --serif: 'Geist', system-ui, sans-serif;
  --sans: 'Geist', system-ui, sans-serif;
}

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