/* Squad Studio — stile "grafite e menta" sopra il liquid glass di style.css.
   Solo variabili e pochi ritocchi: vetro, tema chiaro/scuro e barre iOS restano quelli di style.css. */

/* Poppins per tutta l'interfaccia (i post e le storie sul canvas usano i propri font) */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400.ttf) format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.ttf) format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.ttf) format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.ttf) format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/poppins-800.ttf) format('truetype')}

/* Chiaro: fondo salvia, card bianche, accento menta con testo scuro */
:root{
  --bg:#dfe9e6;--surface:#ffffff;--surface-2:#eef3f1;
  --label:#15191a;--label-2:#566060;--sep:rgba(30,45,45,.14);--fill:rgba(40,60,60,.09);
  --tint:#a8efe2;--on-tint:#0f1a19;--tint-text:#0b7a6c;--ok:#1d7a5a;
  --font:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --r-xl:32px;--r-lg:26px;--r-md:18px;--r-sm:14px;
  --side:rgba(250,253,252,.66);
  --glass:rgba(255,255,255,.7);--glass-strong:rgba(255,255,255,.86);
  --glass-shadow:0 1px 2px rgba(20,40,40,.05),0 12px 32px rgba(20,40,40,.08);
  --row:rgba(255,255,255,.6);
  --blob-1:rgba(168,239,226,.55);--blob-2:rgba(120,190,175,.22);--blob-3:rgba(190,215,210,.5);
}
/* Scuro: grafite come il riferimento, card un tono sopra il fondo */
:root[data-theme=dark]{
  --bg:#141516;--surface:#202123;--surface-2:#2a2b2e;
  --label:#f2f4f3;--label-2:#a3aaa8;--sep:rgba(255,255,255,.09);--fill:rgba(255,255,255,.07);
  --tint:#b4f3e8;--on-tint:#0f1a19;--tint-text:#9ff0e1;--ok:#7fe0b2;
  --side:rgba(26,27,29,.72);
  --glass:rgba(38,39,42,.66);--glass-strong:rgba(42,43,46,.88);
  --glass-border:rgba(255,255,255,.08);--glass-edge:rgba(255,255,255,.05);
  --thumb:rgba(180,243,232,.16);
  --row:rgba(255,255,255,.035);
  --blob-1:rgba(159,240,225,.10);--blob-2:rgba(90,160,150,.08);--blob-3:rgba(255,255,255,.03);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#141516;--surface:#202123;--surface-2:#2a2b2e;
  --label:#f2f4f3;--label-2:#a3aaa8;--sep:rgba(255,255,255,.09);--fill:rgba(255,255,255,.07);
  --tint:#b4f3e8;--on-tint:#0f1a19;--tint-text:#9ff0e1;--ok:#7fe0b2;
  --side:rgba(26,27,29,.72);
  --glass:rgba(38,39,42,.66);--glass-strong:rgba(42,43,46,.88);
  --glass-border:rgba(255,255,255,.08);--glass-edge:rgba(255,255,255,.05);
  --thumb:rgba(180,243,232,.16);
  --row:rgba(255,255,255,.035);
  --blob-1:rgba(159,240,225,.10);--blob-2:rgba(90,160,150,.08);--blob-3:rgba(255,255,255,.03);
}}

/* pulsante principale: menta pieno con testo scuro, senza riflesso blu */
button.primary{background:var(--tint);color:var(--on-tint);box-shadow:0 6px 18px color-mix(in srgb,var(--tint) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.45)}
aside button.active{background:var(--tint);color:var(--on-tint);box-shadow:0 4px 14px color-mix(in srgb,var(--tint) 25%,transparent)}
aside h1{color:var(--label)}
#toolbar button.icon.accent{background:var(--tint);color:var(--on-tint)}

/* pin: tessere grafite/vetro con l'icona nel colore della voce (al posto dei gradienti pieni) */
@media(max-width:760px){
  .pin-ico{background:var(--glass-strong);color:var(--g1);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hi)}
  .pin[aria-current=page] .pin-ico{background:var(--tint);color:var(--on-tint);outline:0}
  .mtab[aria-current=page]{color:var(--on-tint);background:var(--tint);box-shadow:none}
}

/* numeri e titoli: più grandi e leggeri, come nel riferimento */
h2{font-weight:700;letter-spacing:-.03em}
.cv-num{background:var(--tint);color:var(--on-tint);box-shadow:none}