/* ==========================================================================
   TEMA: colori e caratteri.
   Per cambiare i colori basta modificare le variabili qui sotto.
   --volt = tensione, --curr = corrente, --phase = sfasamento, --power = potenza
   ========================================================================== */

/* Tema chiaro */
:root{
  --paper:#EEF2EF; --panel:#FFFFFF; --ink:#1C2A33; --muted:#5B6B73; --grid:#DCE4E0; --line:#B9C6C0;
  --volt:#1F5FBF; --curr:#C2352B; --phase:#B87C00; --power:#7A3FA0; --soft:#E6ECEA;
  color-scheme:light;
}

/* Tema scuro (segue l'impostazione del dispositivo) */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#11181C; --panel:#182227; --ink:#E4ECEE; --muted:#93A3AA; --grid:#223038; --line:#3A4B53;
    --volt:#72A6FF; --curr:#FF7D6E; --phase:#F2B73A; --power:#C792EA; --soft:#1F2C32;
    color-scheme:dark;
  }
}
/* Tema scuro forzato con <html data-theme="dark"> */
:root[data-theme="dark"]{
  --paper:#11181C; --panel:#182227; --ink:#E4ECEE; --muted:#93A3AA; --grid:#223038; --line:#3A4B53;
  --volt:#72A6FF; --curr:#FF7D6E; --phase:#F2B73A; --power:#C792EA; --soft:#1F2C32;
  color-scheme:dark;
}

body{
  font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.5;
}
h1,h2{font-family:"Bricolage Grotesque","Atkinson Hyperlegible",system-ui,sans-serif;font-weight:700}