/* ============================================================ Kraken Nest — TEMI Ogni tema cambia solo colori e logo. La struttura resta uguale. Si cambia tema mettendo data-tema="natale" sul tag , 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:'Oswald','Arial Narrow',sans-serif; --testo:'Karla','Segoe UI',system-ui,sans-serif; --dati:'IBM Plex Mono','Consolas',monospace; --fondale:#0B1F38; --sfondo:linear-gradient(180deg,#0B1F38 0%,#0A1C33 45%,#071627 100%); --superficie:rgba(20,59,103,.42); --incavo:#071627; --barra:rgba(11,31,56,.94); --linea:rgba(125,140,163,.28); --schiuma:#FFFAFF; --tenue:#7D8CA3; --onda:#79A9D1; --accento:#F2AF29; --accento-tenue:rgba(242,175,41,.13); --su-accento:#071627; --hero:radial-gradient(900px 420px at 50% -10%,rgba(121,169,209,.16),transparent 70%),linear-gradient(180deg,#143B67,#0B1F38); --big-fondo:linear-gradient(120deg,rgba(242,175,41,.13),rgba(20,59,103,.5)); --velo-diapo:linear-gradient(90deg,rgba(7,22,39,.86),rgba(7,22,39,.35)); --logo:url('../img/logo-kraken.png'); } /* --- NATALE: navy profondo, rosso e verde, oro caldo --- */ html[data-tema="natale"]{ --fondale:#0C1B33; --sfondo:linear-gradient(180deg,#10233F 0%,#0C1B33 50%,#08131F 100%); --superficie:rgba(23,48,90,.45); --incavo:#08131F; --barra:rgba(12,27,51,.95); --linea:rgba(180,190,205,.26); --tenue:#93A3B8; --onda:#4FBE8B; --accento:#E03B34; --accento-tenue:rgba(224,59,52,.15); --su-accento:#FFFAFF; --hero:radial-gradient(900px 420px at 50% -10%,rgba(224,59,52,.20),transparent 70%),linear-gradient(180deg,#17305A,#0C1B33); --big-fondo:linear-gradient(120deg,rgba(47,163,107,.18),rgba(224,59,52,.15)); --logo:url('../img/temi/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: viola notte e zucca --- */ html[data-tema="halloween"]{ --fondale:#150F1C; --sfondo:linear-gradient(180deg,#1E1428 0%,#150F1C 50%,#0C0812 100%); --superficie:rgba(58,38,80,.42); --incavo:#0C0812; --barra:rgba(21,15,28,.95); --linea:rgba(180,150,200,.24); --tenue:#A08CB0; --onda:#8B5FD1; --accento:#F0842F; --accento-tenue:rgba(240,132,47,.15); --su-accento:#150F1C; --hero:radial-gradient(900px 420px at 50% -10%,rgba(240,132,47,.22),transparent 70%),linear-gradient(180deg,#33224A,#150F1C); --big-fondo:linear-gradient(120deg,rgba(240,132,47,.16),rgba(90,55,140,.38)); --logo:url('../img/temi/halloween.png'); } /* --- PASQUA: azzurro chiaro e arancio, il piu' luminoso --- */ html[data-tema="pasqua"]{ --fondale:#123A55; --sfondo:linear-gradient(180deg,#1B4E6E 0%,#123A55 55%,#0C2A3D 100%); --superficie:rgba(38,101,133,.40); --incavo:#0C2A3D; --barra:rgba(18,58,85,.95); --linea:rgba(190,225,235,.30); --tenue:#A9C9D6; --onda:#A8DCE8; --accento:#F0A03C; --accento-tenue:rgba(240,160,60,.16); --su-accento:#0C2A3D; --hero:radial-gradient(900px 420px at 50% -10%,rgba(168,220,232,.25),transparent 70%),linear-gradient(180deg,#1B5A7C,#123A55); --big-fondo:linear-gradient(120deg,rgba(240,160,60,.18),rgba(168,220,232,.20)); --logo:url('../img/temi/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)); }