/* Colori di Nodo. Il terracotta (--urgenza) si usa solo per urgenze e scadute. */
:root {
  color-scheme: light;
  --sfondo: #FAF7F0;
  --superficie: #FFFFFF;
  --testo: #1F2A44;
  --testo-tenue: #5E6472;
  --corda: #E8D9B5;
  --bordo: #E5DAC2;
  --urgenza: #C65D3B;
  --ambra: #A86A12;
  --blu: #2F5D8A;
  --azione: #1F2A44;
  --su-azione: #FAF7F0;
  --velo: rgba(31, 42, 68, 0.35);
  --raggio: 14px;
  --altezza-schede: 58px;
  --altezza-barra: 64px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

:root[data-tema="scuro"] {
  color-scheme: dark;
  --sfondo: #121826;
  --superficie: #1B2234;
  --testo: #F2EBDD;
  --testo-tenue: #A9AFBC;
  --corda: #6E5E3E;
  --bordo: #2C3550;
  --urgenza: #E07A5A;
  --ambra: #E0A24A;
  --blu: #8DB3DE;
  --azione: #E8D9B5;
  --su-azione: #1F2A44;
  --velo: rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="chiaro"]) {
    color-scheme: dark;
    --sfondo: #121826;
    --superficie: #1B2234;
    --testo: #F2EBDD;
    --testo-tenue: #A9AFBC;
    --corda: #6E5E3E;
    --bordo: #2C3550;
    --urgenza: #E07A5A;
    --ambra: #E0A24A;
    --blu: #8DB3DE;
    --azione: #E8D9B5;
    --su-azione: #1F2A44;
    --velo: rgba(0, 0, 0, 0.5);
  }
}

/* Colori delle categorie (mai terracotta). */
.colore-blu { --colore-cat: #3E6EA3; }
.colore-azzurro { --colore-cat: #4F9AC2; }
.colore-corda { --colore-cat: #B59A5E; }
.colore-ambra { --colore-cat: #C8891E; }
.colore-verde { --colore-cat: #4F8A5B; }
.colore-viola { --colore-cat: #7A5EA8; }
.colore-rosa { --colore-cat: #B8607F; }
.colore-grigio { --colore-cat: #7B8090; }