/* Temi di Saccuman AI: solo colori e ombre, caricato da index.html */
:root{
  --bg:#f7f4ef; --bg2:#ede9e3; --card:#fffcf8; --card2:#f2eee8; --border:#d6cfc3;
  --text:#262523; --muted:#5d5a55; --accent:#b27a22; --accent2:#706852; --accent-soft:#f3e4c8;
  --ok:#2e9a55; --ok-soft:#e5f3ea; --err:#c0362c; --err-soft:#fbe9e7; --warn:#b27a22; --warn-soft:#f3e4c8;
  --shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --shadow-lg:0 12px 32px rgba(16,24,40,.12);
  --radius:20px; --on-accent:#171614; --danger:var(--err);
}
/* Tema "Automatico" col sistema in scuro: DEVE essere identico a [data-theme="dark"]
   qui sotto, altrimenti "Automatico" e "Scuro" — che l'utente si aspetta uguali —
   mostrano due palette diverse. Restava l'unico blocco con l'accento freddo di un
   tempo (#4d8dff azzurro) mentre gli scuri scelti a mano sono caldi: chi non toccava
   il selettore vedeva l'hub azzurro, chi sceglieva "Scuro" lo vedeva arancione
   (trovato 02/09 confrontando la palette dell'app Android con questo CSS). */
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){ --bg:#121212; --bg2:#151619; --card:#1c1c1c; --card2:#232428; --border:#333438;
  --text:#f4f2ed; --muted:#cac8c2; --accent:#d4b26a; --accent2:#e6c27a; --accent-soft:#42371f;
  --ok:#6fd08c; --ok-soft:#12281b; --err:#e06b5d; --err-soft:#4b211c; --warn:#e6c27a; --warn-soft:#2e2615;
  --shadow:0 1px 3px rgba(0,0,0,.4); --shadow-lg:0 16px 40px rgba(0,0,0,.55); }
}
/* Scuro standard: stessa palette del media query sopra, selezionabile manualmente */
:root[data-theme="dark"]{
  --bg:#121212; --bg2:#151619; --card:#1c1c1c; --card2:#232428; --border:#333438;
  --text:#f4f2ed; --muted:#cac8c2; --accent:#d4b26a; --accent2:#e6c27a; --accent-soft:#42371f;
  --ok:#6fd08c; --ok-soft:#12281b; --err:#e06b5d; --err-soft:#4b211c; --warn:#e6c27a; --warn-soft:#2e2615;
  --shadow:0 1px 3px rgba(0,0,0,.4); --shadow-lg:0 16px 40px rgba(0,0,0,.55);
}
/* Scuro più profondo: nero quasi vero, per uso serale/poca luce ambientale */
:root[data-theme="black"]{
  --bg:#000000; --bg2:#0a0a0a; --card:#121212; --card2:#1c1c1c; --border:#2a2b2f;
  --text:#f4f2ed; --muted:#cac8c2; --accent:#d4b26a; --accent2:#e6c27a; --accent-soft:#2e2615;
  --ok:#6fd08c; --ok-soft:#0e1f16; --err:#e06b5d; --err-soft:#4b211c; --warn:#e6c27a; --warn-soft:#241c0e;
  --shadow:0 1px 3px rgba(0,0,0,.6); --shadow-lg:0 16px 40px rgba(0,0,0,.75);
}
/* Chiaro esplicito: forza il tema chiaro anche col sistema in dark mode */
:root[data-theme="light"]{
  --bg:#f7f4ef; --bg2:#ede9e3; --card:#fffcf8; --card2:#f2eee8; --border:#d6cfc3;
  --text:#262523; --muted:#5d5a55; --accent:#b27a22; --accent2:#706852; --accent-soft:#f3e4c8;
  --ok:#2e9a55; --ok-soft:#e5f3ea; --err:#c0362c; --err-soft:#fbe9e7; --warn:#b27a22; --warn-soft:#f3e4c8;
  --shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --shadow-lg:0 12px 32px rgba(16,24,40,.12);
}
/* Chiaro beige: variante calda dello stesso tema chiaro */
:root[data-theme="beige"]{
  --bg:#f5f0e6; --bg2:#ece4d3; --card:#fffdf9; --card2:#f8f2e7; --border:#d9cdb5;
  --text:#262523; --muted:#5d5a55; --accent:#b27a22; --accent2:#706852; --accent-soft:#f0e2c8;
  --ok:#2e9a55; --ok-soft:#e5f3ea; --err:#c0362c; --err-soft:#fbe9e7; --warn:#b27a22; --warn-soft:#f0e2c8;
  --shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --shadow-lg:0 12px 32px rgba(16,24,40,.12);
}