/* Tema «viola»: Material 3, schema tonale su seme viola. I colori sono quelli
   di Che c'è (web/comune/stile.css del suo codice), con in più `--etichetta`,
   che là non c'era: i nomi dei gruppi del menù, più tenui delle voci ma da
   leggere (4,9 sul fondo della barra, la soglia è 4,5).

   Solo colori: forme, ombre e `--positivo…` stanno in `stile.css`. */

:root {
  --primary: #6750a4;
  --on-primary: #ffffff;
  --primary-container: #eaddff;
  --on-primary-container: #4f378b;
  --secondary: #625b71;
  --secondary-container: #e8def8;
  --on-secondary-container: #4a4458;
  --tertiary: #7d5260;
  --tertiary-container: #ffd8e4;
  --on-tertiary-container: #633b48;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --avviso: #7a5900;
  --avviso-container: #ffdf9a;
  --on-avviso-container: #5c4200;

  --surface: #fef7ff;
  --surface-dim: #ded8e1;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f7f2fa;
  --surface-container: #f3edf7;
  --surface-container-high: #ece6f0;
  --surface-container-highest: #e6e0e9;
  --on-surface: #1d1b20;
  --on-surface-variant: #49454f;
  --outline: #79747e;
  --outline-variant: #cac4d0;
  --etichetta: #6d6873;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #d0bcff;
    --on-primary: #381e72;
    --primary-container: #4f378b;
    --on-primary-container: #eaddff;
    --secondary: #ccc2dc;
    --secondary-container: #4a4458;
    --on-secondary-container: #e8def8;
    --tertiary: #efb8c8;
    --tertiary-container: #633b48;
    --on-tertiary-container: #ffd8e4;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffdad6;
    --avviso: #f0c04d;
    --avviso-container: #5c4200;
    --on-avviso-container: #ffdf9a;

    --surface: #141218;
    --surface-dim: #141218;
    --surface-container-lowest: #0f0d13;
    --surface-container-low: #1d1b20;
    --surface-container: #211f26;
    --surface-container-high: #2b2930;
    --surface-container-highest: #36343b;
    --on-surface: #e6e0e9;
    --on-surface-variant: #cac4d0;
    --outline: #938f99;
    --outline-variant: #49454f;
    --etichetta: #938f99;
  }
}