/* ============================================================
   Kraken Nest — TEMI
   Ogni tema cambia solo colori e logo. La struttura resta uguale.
   29/09/2026 (Riccardo): «rendila come la nostra attuale dell'app»:
   standard, Halloween, Natale e Pasqua hanno i colori e i loghi
   dell'app del telefono e di Orchestra.
   Si cambia tema mettendo data-tema="natale" sul tag <html>,
   oppure dalle impostazioni del sito, oppure da Orchestra
   (campo "tema" in dati/config.json).
   Temi disponibili: standard natale epifania halloween pasqua
                     primavera estate autunno
   ============================================================ */

:root,
html[data-tema="standard"]{
  --display:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --testo:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --dati:'IBM Plex Mono',ui-monospace,Consolas,monospace;

  --fondale:#121634;
  --sfondo:linear-gradient(180deg,#121634 0%,color-mix(in srgb,#121634 85%,#000) 100%);
  --superficie:#21264d;
  --superficie-2:color-mix(in srgb,#21264d 88%,#fff);
  --incavo:color-mix(in srgb,#121634 78%,#000);
  --barra:linear-gradient(180deg,#21264d,#121634);
  --linea:color-mix(in srgb,#21264d 72%,#a6adcf);
  --linea-forte:color-mix(in srgb,#21264d 55%,#a6adcf);
  --schiuma:#f4f5fb;
  --tenue:#a6adcf;
  --onda:#1da2ad;
  --accento:#f07f12;
  --accento-tenue:rgba(240,127,18,0.14);
  --su-accento:#161a3a;
  --su-onda:#04282b;
  --hero:radial-gradient(900px 420px at 85% 10%,rgba(29,162,173,0.18),transparent 70%),radial-gradient(700px 380px at 5% 0,rgba(240,127,18,0.14),transparent 70%);
  --big-fondo:linear-gradient(160deg,rgba(240,127,18,0.2),#21264d);
  --velo-diapo:linear-gradient(90deg,rgba(18,22,52,0.9),rgba(18,22,52,0.35));
  --logo:url('../img/app/logo-negozio.png');
}

/* --- NATALE: come nell'app --- */
html[data-tema="natale"]{
  --fondale:#131a3a;
  --sfondo:linear-gradient(180deg,#131a3a 0%,color-mix(in srgb,#131a3a 85%,#000) 100%);
  --superficie:#1c2550;
  --superficie-2:color-mix(in srgb,#1c2550 88%,#fff);
  --incavo:color-mix(in srgb,#131a3a 78%,#000);
  --barra:linear-gradient(180deg,#1c2550,#131a3a);
  --linea:color-mix(in srgb,#1c2550 72%,#aebbdd);
  --linea-forte:color-mix(in srgb,#1c2550 55%,#aebbdd);
  --schiuma:#f2f6ff;
  --tenue:#aebbdd;
  --onda:#e8574e;
  --accento:#f3b640;
  --accento-tenue:rgba(243,182,64,0.14);
  --su-accento:#131a3a;
  --su-onda:#04282b;
  --hero:radial-gradient(900px 420px at 85% 10%,rgba(232,87,78,0.18),transparent 70%),radial-gradient(700px 380px at 5% 0,rgba(243,182,64,0.14),transparent 70%);
  --big-fondo:linear-gradient(160deg,rgba(243,182,64,0.2),#1c2550);
  --velo-diapo:linear-gradient(90deg,rgba(19,26,58,0.9),rgba(19,26,58,0.35));
  --logo:url('../img/app/logo-natale.png');
}

/* --- EPIFANIA: viola e oro, carbone --- */
html[data-tema="epifania"]{
  --fondale:#150F26;
  --sfondo:linear-gradient(180deg,#1D1533 0%,#150F26 50%,#0D0918 100%);
  --superficie:rgba(53,38,92,.40);
  --incavo:#0D0918;
  --barra:rgba(21,15,38,.95);
  --linea:rgba(170,155,200,.26);
  --tenue:#9C90B8;
  --onda:#A98BE0;
  --accento:#F2C230;
  --accento-tenue:rgba(242,194,48,.14);
  --su-accento:#150F26;
  --hero:radial-gradient(900px 420px at 50% -10%,rgba(169,139,224,.22),transparent 70%),linear-gradient(180deg,#2B1F4D,#150F26);
  --big-fondo:linear-gradient(120deg,rgba(242,194,48,.14),rgba(108,75,168,.35));
}

/* --- HALLOWEEN: come nell'app --- */
html[data-tema="halloween"]{
  --fondale:#180b1c;
  --sfondo:linear-gradient(180deg,#180b1c 0%,color-mix(in srgb,#180b1c 85%,#000) 100%);
  --superficie:#241031;
  --superficie-2:color-mix(in srgb,#241031 88%,#fff);
  --incavo:color-mix(in srgb,#180b1c 78%,#000);
  --barra:linear-gradient(180deg,#241031,#180b1c);
  --linea:color-mix(in srgb,#241031 72%,#c3a9cd);
  --linea-forte:color-mix(in srgb,#241031 55%,#c3a9cd);
  --schiuma:#f6eef8;
  --tenue:#c3a9cd;
  --onda:#b06fc0;
  --accento:#f28f4b;
  --accento-tenue:rgba(242,143,75,0.14);
  --su-accento:#180b1c;
  --su-onda:#04282b;
  --hero:radial-gradient(900px 420px at 85% 10%,rgba(176,111,192,0.18),transparent 70%),radial-gradient(700px 380px at 5% 0,rgba(242,143,75,0.14),transparent 70%);
  --big-fondo:linear-gradient(160deg,rgba(242,143,75,0.2),#241031);
  --velo-diapo:linear-gradient(90deg,rgba(24,11,28,0.9),rgba(24,11,28,0.35));
  --logo:url('../img/app/logo-halloween.png');
}

/* --- PASQUA: come nell'app --- */
html[data-tema="pasqua"]{
  --fondale:#12233a;
  --sfondo:linear-gradient(180deg,#12233a 0%,color-mix(in srgb,#12233a 85%,#000) 100%);
  --superficie:#1b3350;
  --superficie-2:color-mix(in srgb,#1b3350 88%,#fff);
  --incavo:color-mix(in srgb,#12233a 78%,#000);
  --barra:linear-gradient(180deg,#1b3350,#12233a);
  --linea:color-mix(in srgb,#1b3350 72%,#a9c4d4);
  --linea-forte:color-mix(in srgb,#1b3350 55%,#a9c4d4);
  --schiuma:#eef7fb;
  --tenue:#a9c4d4;
  --onda:#7fd3e0;
  --accento:#f28c28;
  --accento-tenue:rgba(242,140,40,0.14);
  --su-accento:#12233a;
  --su-onda:#04282b;
  --hero:radial-gradient(900px 420px at 85% 10%,rgba(127,211,224,0.18),transparent 70%),radial-gradient(700px 380px at 5% 0,rgba(242,140,40,0.14),transparent 70%);
  --big-fondo:linear-gradient(160deg,rgba(242,140,40,0.2),#1b3350);
  --velo-diapo:linear-gradient(90deg,rgba(18,35,58,0.9),rgba(18,35,58,0.35));
  --logo:url('../img/app/logo-pasqua.png');
}

/* --- PRIMAVERA: verde chiaro e rosa --- */
html[data-tema="primavera"]{
  --fondale:#0E2B2A;
  --sfondo:linear-gradient(180deg,#133A37 0%,#0E2B2A 50%,#081E1D 100%);
  --superficie:rgba(28,84,78,.40);
  --incavo:#081E1D;
  --barra:rgba(14,43,42,.95);
  --linea:rgba(170,205,190,.26);
  --tenue:#93B5A9;
  --onda:#F2A0B5;
  --accento:#4FBE7B;
  --accento-tenue:rgba(79,190,123,.15);
  --su-accento:#081E1D;
  --hero:radial-gradient(900px 420px at 50% -10%,rgba(242,160,181,.20),transparent 70%),linear-gradient(180deg,#1A4F49,#0E2B2A);
  --big-fondo:linear-gradient(120deg,rgba(79,190,123,.16),rgba(242,160,181,.18));
}

/* --- ESTATE: turchese e oro caldo, il piu' marinaresco --- */
html[data-tema="estate"]{
  --fondale:#062E3C;
  --sfondo:linear-gradient(180deg,#0A4356 0%,#062E3C 50%,#04202B 100%);
  --superficie:rgba(14,92,115,.42);
  --incavo:#04202B;
  --barra:rgba(6,46,60,.95);
  --linea:rgba(150,205,215,.26);
  --tenue:#8FB8C4;
  --onda:#3FD0DE;
  --accento:#FFC53D;
  --accento-tenue:rgba(255,197,61,.15);
  --su-accento:#04202B;
  --hero:radial-gradient(900px 420px at 50% -10%,rgba(63,208,222,.22),transparent 70%),linear-gradient(180deg,#0B5169,#062E3C);
  --big-fondo:linear-gradient(120deg,rgba(255,197,61,.16),rgba(63,208,222,.18));
}

/* --- AUTUNNO: rame e foglia secca --- */
html[data-tema="autunno"]{
  --fondale:#241705;
  --sfondo:linear-gradient(180deg,#33210A 0%,#241705 55%,#170F03 100%);
  --superficie:rgba(83,52,18,.42);
  --incavo:#170F03;
  --barra:rgba(36,23,5,.95);
  --linea:rgba(200,170,130,.26);
  --tenue:#B79B77;
  --onda:#D89B2A;
  --accento:#C8642A;
  --accento-tenue:rgba(200,100,42,.16);
  --su-accento:#FFFAFF;
  --hero:radial-gradient(900px 420px at 50% -10%,rgba(216,155,42,.22),transparent 70%),linear-gradient(180deg,#4A2E0E,#241705);
  --big-fondo:linear-gradient(120deg,rgba(200,100,42,.18),rgba(216,155,42,.16));
}