/* Temi indipendenti dal layout base. Classico mantiene l'estetica blu originale. */
@font-face{font-family:"Chakra Petch";src:url('assets/fonts/ChakraPetch-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Rajdhani;src:url('assets/fonts/Rajdhani-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Rajdhani;src:url('assets/fonts/Rajdhani-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
.tema-switch:not([hidden]){position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:16px;z-index:30;display:flex;gap:4px;padding:6px;background:#101214f5;border:1px solid #ffffff40;border-radius:30px;box-shadow:0 6px 25px #0008;backdrop-filter:blur(12px);font-family:Poppins,system-ui,sans-serif}
.tema-switch button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid transparent;background:transparent;color:#c4cad4;border-radius:25px;font-size:var(--fs-small);font-weight:400;line-height:1.2}
.tema-switch button[aria-pressed="true"]{background:#ffffff16;border-color:#ffffff90;color:white}
.tema-switch button:hover{color:#fff;background:#ffffff20}.tema-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tema-dot{display:block;width:12px;height:12px;border-radius:50%;flex-shrink:0}
[data-tema-scelta="classico"] .tema-dot{background:#467ff7}[data-tema-scelta="gotico"] .tema-dot{background:#7d1c1c}[data-tema-scelta="punk"] .tema-dot{background:#fcee0a}
.footer{padding-bottom:110px}
.waiting-art{width:100%;height:auto}

/* GOTICO — nero e grigio carbone, rosso e oro solo negli accenti. Immagini a colori. */
[data-tema="gotico"]{--bg:#080808;--raised:#151515;--text:#e7e5e0;--muted:#b9b9b5;--accent:#c4a270;--line:#87878738}
[data-tema="gotico"] h1,[data-tema="gotico"] h2,[data-tema="gotico"] h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em;font-weight:400}
[data-tema="gotico"] h1 em,[data-tema="gotico"] h2 em,[data-tema="gotico"] h3 em{font-weight:400}
[data-tema="gotico"] .draft{background:#121212;color:#c4c2bc}[data-tema="gotico"] .draft span{color:#b9b9b5}
[data-tema="gotico"] .header{background:#080808f5}[data-tema="gotico"] .members{border-color:#c4a27080;border-radius:0}
[data-tema="gotico"] .hero-art{filter:none}
[data-tema="gotico"] .hero-shade{background:linear-gradient(90deg,#080808 0%,#080808dd 24%,#08080865 50%,#08080800 85%),linear-gradient(0deg,#080808 0%,transparent 35%)}
[data-tema="gotico"] .hero h1 em,[data-tema="gotico"] .evolution-copy em,[data-tema="gotico"] .signature{color:#ddbb85}
[data-tema="gotico"] .hero-description,[data-tema="gotico"] .hero-foot,[data-tema="gotico"] .discipline{color:var(--muted)}
[data-tema="gotico"] .button{background:#6e1717;color:#fff4e8;border-radius:0;border-color:#8a2424;box-shadow:inset 0 0 0 3px #08080840}[data-tema="gotico"] .button:hover{background:#8a2424}
[data-tema="gotico"] .text-link{border-color:#c4a27080}[data-tema="gotico"] a:hover,[data-tema="gotico"] .path:hover h3,[data-tema="gotico"] .path:hover .path-arrow{color:#ddbb85}
[data-tema="gotico"] .button:hover{color:#fff4e8}[data-tema="gotico"] .path-arrow{color:#c4a270}
[data-tema="gotico"] .evolution{border:1px solid #c4a27070;outline:1px solid #c4a27030;outline-offset:6px}
[data-tema="gotico"] .evolution-image img{filter:none}[data-tema="gotico"] .image-label{background:#080808cc}
[data-tema="gotico"] .resources{background:#101010;color:var(--text);border-block:1px solid var(--line)}
[data-tema="gotico"] .resources .section-head>p,[data-tema="gotico"] .manual p,[data-tema="gotico"] .tutorials span:last-child{color:var(--muted)}
[data-tema="gotico"] .manual .eyebrow{color:var(--accent)}[data-tema="gotico"] .tutorials,[data-tema="gotico"] .tutorials>a{border-color:var(--line)}
[data-tema="gotico"] .tutorials a:hover h3{color:#ddbb85}
[data-tema="gotico"] .book{background:#202020;border-left-color:#0a0a0a;color:#e7e5e0;box-shadow:-7px 7px 0 #715946,0 18px 30px #0005}
[data-tema="gotico"] .book strong,[data-tema="gotico"] .book-mark,[data-tema="gotico"] .signature{font-family:Georgia,serif}[data-tema="gotico"] .book-mark{color:#ddbb85}
[data-tema="gotico"] .closing{background:radial-gradient(ellipse at top right,#252525,#090909 75%);border-block:1px solid #6e171780}
[data-tema="gotico"] .closing .eyebrow{color:var(--accent)}[data-tema="gotico"] .closing .button{background:#6e1717;color:#fff4e8}
[data-tema="gotico"] dialog{background:var(--raised);color:var(--text);border-color:#c4a27080;border-radius:0}

/* PUNK — palette e font della landing Evolution: giallo, ciano, rosso e tagli netti. */
[data-tema="punk"]{--bg:#0b0b10;--raised:#15151d;--text:#f2f2f2;--muted:#bcc6cc;--accent:#fcee0a;--line:#fcee0a33}
[data-tema="punk"] body{font-family:Rajdhani,Poppins,sans-serif;font-weight:500}
[data-tema="punk"] h1,[data-tema="punk"] h2,[data-tema="punk"] h3{font-family:"Chakra Petch",Montserrat,sans-serif;letter-spacing:-.035em;font-weight:700;text-transform:uppercase}
[data-tema="punk"] em{font-family:inherit;font-style:normal;font-weight:700}
[data-tema="punk"] .draft{background:#fcee0a;color:#0b0b10}[data-tema="punk"] .draft span{color:#0b0b10}
[data-tema="punk"] .header{background:#0b0b10f5}[data-tema="punk"] .members{border-color:#00f0ff;border-radius:0;color:#00f0ff}
[data-tema="punk"] .hero-shade{background:linear-gradient(90deg,#0b0b10 0%,#0b0b10dd 24%,#0b0b1065 50%,#0b0b1000 85%),linear-gradient(0deg,#0b0b10 0%,transparent 35%)}
[data-tema="punk"] .hero h1 em,[data-tema="punk"] .evolution-copy em,[data-tema="punk"] .signature{color:#00f0ff}
[data-tema="punk"] .hero-description,[data-tema="punk"] .hero-foot,[data-tema="punk"] .discipline{color:var(--muted)}
[data-tema="punk"] .button{background:#fcee0a;color:#0b0b10;border-radius:0;font-weight:700;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
[data-tema="punk"] .button:focus-visible{clip-path:none}[data-tema="punk"] .button:hover{background:#00f0ff;color:#0b0b10}
[data-tema="punk"] .text-link{border-color:#00f0ff}[data-tema="punk"] a:hover,[data-tema="punk"] .path:hover h3,[data-tema="punk"] .path:hover .path-arrow{color:#00f0ff}
[data-tema="punk"] .path-arrow{color:#00f0ff}[data-tema="punk"] .evolution{border-color:#00f0ff80;box-shadow:5px 5px 0 #ff003c40}
[data-tema="punk"] .image-label{background:#fcee0a;color:#0b0b10;font-weight:700}
[data-tema="punk"] .resources{background:#15151d;color:var(--text);border-block:1px solid #00f0ff60}
[data-tema="punk"] .resources .section-head>p,[data-tema="punk"] .manual p,[data-tema="punk"] .tutorials span:last-child{color:var(--muted)}
[data-tema="punk"] .manual .eyebrow{color:#fcee0a}[data-tema="punk"] .tutorials,[data-tema="punk"] .tutorials>a{border-color:#00f0ff50}
[data-tema="punk"] .tutorials a:hover h3{color:#00f0ff}
[data-tema="punk"] .book{background:#fcee0a;color:#0b0b10;border-left-color:#00b8c5;box-shadow:-7px 7px 0 #ff003c,0 18px 30px #0005}
[data-tema="punk"] .book strong,[data-tema="punk"] .book-mark,[data-tema="punk"] .signature{font-family:"Chakra Petch",sans-serif;font-style:normal}[data-tema="punk"] .book-mark{color:#0b0b10}
[data-tema="punk"] .closing{background:#fcee0a;color:#0b0b10}[data-tema="punk"] .closing .eyebrow{color:#0b0b10}[data-tema="punk"] .closing .button{background:#0b0b10;color:#fcee0a}[data-tema="punk"] .closing .button:hover{background:#15151d;color:#00f0ff}
[data-tema="punk"] dialog{background:var(--raised);color:var(--text);border-color:#00f0ff;border-radius:0}
[data-tema="punk"] .mentorship{border-left-color:#ff003c}
[data-tema="gotico"] .course-accordion[open]{background:linear-gradient(120deg,#29292950,transparent 75%);border-bottom-color:#6e1717}[data-tema="gotico"] .waiting-panel{border-top:3px solid #6e1717;box-shadow:0 20px 60px #0005}[data-tema="gotico"] .software-grid article{border-top-color:#6e1717}[data-tema="gotico"] .mentorship{border-left-color:#6e1717}
[data-tema="gotico"] .mini-intro p,[data-tema="gotico"] .lesson-outline p{color:var(--muted)}[data-tema="gotico"] .mini-intro .lead{color:var(--text)}[data-tema="gotico"] .lesson-outline li{border-color:var(--line)}[data-tema="gotico"] .lesson-number{color:var(--accent)}[data-tema="gotico"] .button:disabled{background:#242424;color:#b8b8b4;border-color:#c4a27050}
[data-tema="punk"] .mini-intro p,[data-tema="punk"] .lesson-outline p{color:var(--muted)}[data-tema="punk"] .mini-intro .lead{color:var(--text)}[data-tema="punk"] .lesson-outline li{border-color:#00f0ff50}[data-tema="punk"] .lesson-number{color:#00f0ff}[data-tema="punk"] .button:disabled{background:#292b34;color:#b2b8c6;clip-path:none;border-color:#646d7c}
@media(max-width:760px){[data-tema="gotico"] .hero-shade{background:linear-gradient(0deg,#080808 40%,#08080805 85%)}[data-tema="punk"] .hero-shade{background:linear-gradient(0deg,#0b0b10 40%,#0b0b1005 85%)}.tema-switch:not([hidden]){right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:0;padding:5px}.tema-switch button{padding-inline:10px}.tema-dot{width:10px;height:10px}}

/* Patina procedurale: due SVG locali, statici. Solo sulle superfici del Gotico.
   Nessun filtro alle fotografie, nessun overlay che intercetti i clic. */
[data-tema="gotico"] body{
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg'),radial-gradient(ellipse at 10% 30%,#24242440,transparent 70%);
  background-size:256px 256px,720px 520px,100% 1600px;
  background-repeat:repeat,repeat,no-repeat; /* il bagliore non deve ricominciare ogni 1600px: faceva uno stacco netto */
}
[data-tema="gotico"] .header{
  background-image:url('assets/gothic-grain.svg');
  box-shadow:0 1px 0 #c4a27026,0 6px 20px #0004;
}
[data-tema="gotico"] .hero::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg');
  background-size:256px 256px,720px 520px;
  mask-image:linear-gradient(90deg,#000 0%,#0009 35%,transparent 65%);
}
[data-tema="gotico"] .resources{
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg'),radial-gradient(ellipse at 85% 15%,#29292950,transparent 60%);
  background-size:256px 256px,720px 520px,100% 100%;
  box-shadow:inset 0 12px 35px #0004,inset 0 -12px 35px #0004;
}
[data-tema="gotico"] .course-accordion{
  position:relative;
  border-image:linear-gradient(90deg,#6e171720,#a37d59aa 15%,#6e17174a 46%,#c4a27088 73%,#08080800) 1;
}
[data-tema="gotico"] .course-accordion[open]{
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg'),linear-gradient(120deg,#29292965,transparent 75%);
  background-size:256px 256px,720px 520px,100% 100%;
  box-shadow:inset 5px 0 18px #0004;
}
[data-tema="gotico"] .software-grid article,[data-tema="gotico"] .waiting-panel,[data-tema="gotico"] .mentorship{
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg'),radial-gradient(ellipse at top left,#30303022,transparent 70%);
  background-size:256px 256px,720px 520px,100% 100%;
  box-shadow:inset 0 0 0 1px #c4a27022,inset 0 0 25px #0005,0 12px 30px #0003;
}
[data-tema="gotico"] .button:not(:disabled){
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg');
  background-size:180px 180px,360px 260px;
  box-shadow:inset 0 0 0 3px #08080840,inset 0 0 14px #19070690,0 2px 0 #030303;
}
[data-tema="gotico"] .closing{
  background-image:url('assets/gothic-grain.svg'),url('assets/gothic-wear.svg'),radial-gradient(ellipse at top right,#252525,#090909 75%);
  background-size:256px 256px,720px 520px,100% 100%;
  box-shadow:inset 0 15px 40px #0005;
}
@media(max-width:760px){[data-tema="gotico"] .hero::before{mask-image:linear-gradient(0deg,#000 20%,transparent 60%)}}