/* Colori e misure della WebApp, in un posto solo. Il tema chiaro ridefinisce gli stessi nomi: chi li usa non sa
   quale dei due sia attivo. Lo attacca `data-theme` sull'elemento <html>, scritto da App.razor prima che la pagina
   si veda, cosi' non c'e' il lampo bianco al caricamento. */
:root {
  --bg:        #0d1117;
  --surf:      #161b22;
  --surf2:     #21262d;
  --surf3:     #30363d;
  --border:    rgba(240,246,252,.1);
  --text:      #e6edf3;
  --muted:     #8b949e;
  --accent:    #58a6ff;
  --green:     #3fb950;
  --yellow:    #d29922;
  --red:       #f85149;
  --sidebar-w: 240px;
  --topbar-h:  52px;
  --tabbar-h:  60px;
}

[data-theme="light"] {
  --bg:        #f6f8fa;
  --surf:      #ffffff;
  --surf2:     #f0f2f5;
  --surf3:     #e4e7eb;
  --border:    rgba(0,0,0,.1);
  --text:      #1c1e21;
  --muted:     #6b7280;
  --accent:    #0969da;
  --green:     #1a7f37;
  --yellow:    #9a6700;
  --red:       #cf222e;
}