/* Varianti di colore (body[data-tema]). La struttura è la stessa per tutti: cambiano solo i token.
   azzurro : predefinito (valori in app.css)
   salvia  : verde salvia, più caldo e riposante
   notte   : scuro, per turni lunghi e ambienti poco illuminati */

body[data-tema="salvia"]{
  --bg:#f3f6f4; --surface:#fff; --surface-2:#f7faf8; --surface-3:#ebf1ee; --line:#e2e9e5; --line-2:#d2dcd6;
  --ink:#10201b; --ink-2:#465a53; --ink-3:#83958e;
  --pri:#0f766e; --pri-2:#0b5d57; --pri-soft:#e3f3ef; --pri-line:#bfe2db;
  --info:#0f766e; --info-soft:#e3f3ef; --violet:#3f8f6b; --violet-soft:#e6f3ec;
  --row-hover:#f8fbf9;
}

body[data-tema="notte"]{
  --bg:#0b0f17; --surface:#121826; --surface-2:#161d2d; --surface-3:#1c2436; --line:#232c40; --line-2:#2f3a52;
  --ink:#e7ebf5; --ink-2:#a5aec4; --ink-3:#6f7891;
  --pri:#6b8cff; --pri-2:#8aa4ff; --pri-soft:#1a2547; --pri-line:#2c3d72; --pri-ink:#0b1020;
  --acc:#f2a541; --acc-soft:#2e2414;
  --ok:#4fd197; --ok-soft:#0f2b22; --warn:#f2a541; --warn-soft:#2e2414; --err:#ff7a70; --err-soft:#331718; --info:#7fa0ff; --info-soft:#1a2547; --violet:#a58bff; --violet-soft:#241c45;
  --row-hover:#151c2b;
  --sh-1:0 1px 0 rgba(255,255,255,.02); --sh-2:0 10px 30px -14px rgba(0,0,0,.6); --sh-3:0 24px 60px -16px rgba(0,0,0,.7);
  color-scheme:dark;
}
body[data-tema="notte"] .btn-pri,body[data-tema="notte"] .free-slots button:hover{color:var(--pri-ink)}
body[data-tema="notte"] .stat.accent b,body[data-tema="notte"] .stat.accent span{color:#0b1020}
body[data-tema="notte"] .avatar{color:#0b1020}
body[data-tema="notte"] .fc .fc-event{box-shadow:none}