/* Tower · i token, generati da ds/tokens.json (versione 6) con ds/genera-token.py.
   NON si scrive a mano: si cambia tokens.json in Design, si ricopia qui e si rigenera. */
:root {
  --lastra: #ffffff;
  --rialzo: #f0eee6;
  --rialzo-forte: #ffffff;
  --filo: #e8e6dc;
  --testo: #141413;
  --icona: #3a3936;
  --testo-tenue: #6b6a62;
  --testo-spento: #b0aea5;
  --suggerimento: #141413;
  --su-suggerimento: #f5f4ef;
  --accento: #c45ddb;
  --su-accento: #141413;
  --accento-testo: #a93fc3;
  --accento-pieno: var(--testo);
  --su-accento-pieno: var(--carta);
  --carta: #faf9f5;
  --selezione: #2f6fd1;
  --via: #4f6b38;
  --controllo: #9a6700;
  --allarme: #b8202e;
  --fondo-porta: rgba(250, 249, 245, .72);
  --fondo-lascia: rgba(196, 93, 219, .08);
  --marchio-viola: #c45ddb;
  --marchio-blu: #0066ff;
  --marchio-acqua: #40eed7;
  --marchio-scritta: #3c3c3b;
  --spazio-mezzo: 2px;
  --spazio-1: 4px;
  --spazio-2: 8px;
  --spazio-3: 12px;
  --spazio-4: 16px;
  --spazio-6: 24px;
  --bordo-lastra: 6px;
  --bordo-pannello: 14px;
  --raggio-xs: 4px;
  --raggio-s: 8px;
  --raggio-m: 12px;
  --raggio-cella-piccola: 6px;
  --ombra-lastra: 0 1px 2px rgba(20, 20, 19, .06), 0 8px 24px rgba(20, 20, 19, .08);
  --ombra-menu: 0 2px 4px rgba(20, 20, 19, .06), 0 12px 32px rgba(20, 20, 19, .12);
  --ombra-segmento: 0 1px 2px rgba(20, 20, 19, .12);
  --cella: 28px;
  --tra-celle: 2px;
  --cella-larga: 40px;
  --cella-modo: 28px;
  --cella-mini: 24px;
  --campo-alto: 32px;
  --lato-icona: 20px;
  --lato-icona-modo: 18px;
  --lato-icona-mini: 16px;
  --lato-freccina: 14px;
  --largo-freccina: 16px;
  --tratto-icona: 1.75;
  --pannello: 236px;
  --pannello-proprieta: 264px;
  --etichetta-larga: 84px;
  --campo-largo: 96px;
  --campo-corto: 56px;
  --campo-testo: 132px;
  --misuratore: 200px;
  --barretta: 4px;
  --sottolineo: 2px;
  --bollino: 6px;
  --campione: 16px;
  --menu-largo: 190px;
  --pannello-largo: 344px;
  --tastierino: 232px;
  --tasto-alto: 44px;
  --anello: 44px;
  --rientro: 12px;
  --porta: 480px;
  --interruttore-largo: 28px;
  --interruttore-alto: 16px;
  --manopola: 12px;
  --interruttori: 220px;
  --nome-campo-alto: 24px;
  --velo: 140ms;
  --posa: 280ms;
  --respiro: 900ms;
  --allarga: 260ms;
  --passo: 25ms;
  --attesa: 450ms;
  --morbido: cubic-bezier(.2, .8, .2, 1);
  --respiro-fondo: .2;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --lastra: #1f1e1c;
    --rialzo: #2a2927;
    --rialzo-forte: #3a3936;
    --filo: #383733;
    --testo: #f5f4ef;
    --icona: #e6e4dc;
    --testo-tenue: #a9a79e;
    --testo-spento: #6b6a62;
    --suggerimento: #f5f4ef;
    --su-suggerimento: #141413;
    --accento: #d070e4;
    --su-accento: #141413;
    --accento-testo: #d98ae9;
    --accento-pieno: var(--testo);
    --su-accento-pieno: var(--carta);
    --carta: #141413;
    --selezione: #7fb0f0;
    --via: #a8c08c;
    --controllo: #e2b53e;
    --allarme: #f5847f;
    --fondo-porta: rgba(20, 20, 19, .72);
    --fondo-lascia: rgba(208, 112, 228, .12);
    --marchio-viola: #c45ddb;
    --marchio-blu: #0066ff;
    --marchio-acqua: #40eed7;
    --marchio-scritta: #f5f4ef;
    --ombra-lastra: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .4);
    --ombra-menu: 0 2px 4px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .5);
    --ombra-segmento: 0 1px 2px rgba(0, 0, 0, .4);
    color-scheme: dark;
  }
}
:root[data-theme="dark"], [data-theme="dark"] {
  --lastra: #1f1e1c;
  --rialzo: #2a2927;
  --rialzo-forte: #3a3936;
  --filo: #383733;
  --testo: #f5f4ef;
  --icona: #e6e4dc;
  --testo-tenue: #a9a79e;
  --testo-spento: #6b6a62;
  --suggerimento: #f5f4ef;
  --su-suggerimento: #141413;
  --accento: #d070e4;
  --su-accento: #141413;
  --accento-testo: #d98ae9;
  --accento-pieno: var(--testo);
  --su-accento-pieno: var(--carta);
  --carta: #141413;
  --selezione: #7fb0f0;
  --via: #a8c08c;
  --controllo: #e2b53e;
  --allarme: #f5847f;
  --fondo-porta: rgba(20, 20, 19, .72);
  --fondo-lascia: rgba(208, 112, 228, .12);
  --marchio-viola: #c45ddb;
  --marchio-blu: #0066ff;
  --marchio-acqua: #40eed7;
  --marchio-scritta: #f5f4ef;
  --ombra-lastra: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .4);
  --ombra-menu: 0 2px 4px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .5);
  --ombra-segmento: 0 1px 2px rgba(0, 0, 0, .4);
  color-scheme: dark;
}
[data-theme="light"] {
  --lastra: #ffffff;
  --rialzo: #f0eee6;
  --rialzo-forte: #ffffff;
  --filo: #e8e6dc;
  --testo: #141413;
  --icona: #3a3936;
  --testo-tenue: #6b6a62;
  --testo-spento: #b0aea5;
  --suggerimento: #141413;
  --su-suggerimento: #f5f4ef;
  --accento: #c45ddb;
  --su-accento: #141413;
  --accento-testo: #a93fc3;
  --accento-pieno: var(--testo);
  --su-accento-pieno: var(--carta);
  --carta: #faf9f5;
  --selezione: #2f6fd1;
  --via: #4f6b38;
  --controllo: #9a6700;
  --allarme: #b8202e;
  --fondo-porta: rgba(250, 249, 245, .72);
  --fondo-lascia: rgba(196, 93, 219, .08);
  --marchio-viola: #c45ddb;
  --marchio-blu: #0066ff;
  --marchio-acqua: #40eed7;
  --marchio-scritta: #3c3c3b;
  --spazio-mezzo: 2px;
  --spazio-1: 4px;
  --spazio-2: 8px;
  --spazio-3: 12px;
  --spazio-4: 16px;
  --spazio-6: 24px;
  --bordo-lastra: 6px;
  --bordo-pannello: 14px;
  --raggio-xs: 4px;
  --raggio-s: 8px;
  --raggio-m: 12px;
  --raggio-cella-piccola: 6px;
  --ombra-lastra: 0 1px 2px rgba(20, 20, 19, .06), 0 8px 24px rgba(20, 20, 19, .08);
  --ombra-menu: 0 2px 4px rgba(20, 20, 19, .06), 0 12px 32px rgba(20, 20, 19, .12);
  --ombra-segmento: 0 1px 2px rgba(20, 20, 19, .12);
  --cella: 28px;
  --tra-celle: 2px;
  --cella-larga: 40px;
  --cella-modo: 28px;
  --cella-mini: 24px;
  --campo-alto: 32px;
  --lato-icona: 20px;
  --lato-icona-modo: 18px;
  --lato-icona-mini: 16px;
  --lato-freccina: 14px;
  --largo-freccina: 16px;
  --tratto-icona: 1.75;
  --pannello: 236px;
  --pannello-proprieta: 264px;
  --etichetta-larga: 84px;
  --campo-largo: 96px;
  --campo-corto: 56px;
  --campo-testo: 132px;
  --misuratore: 200px;
  --barretta: 4px;
  --sottolineo: 2px;
  --bollino: 6px;
  --campione: 16px;
  --menu-largo: 190px;
  --pannello-largo: 344px;
  --tastierino: 232px;
  --tasto-alto: 44px;
  --anello: 44px;
  --rientro: 12px;
  --porta: 480px;
  --interruttore-largo: 28px;
  --interruttore-alto: 16px;
  --manopola: 12px;
  --interruttori: 220px;
  --nome-campo-alto: 24px;
  --velo: 140ms;
  --posa: 280ms;
  --respiro: 900ms;
  --allarga: 260ms;
  --passo: 25ms;
  --attesa: 450ms;
  --morbido: cubic-bezier(.2, .8, .2, 1);
  --respiro-fondo: .2;
  color-scheme: light;
}