/* «Cosa faccio» e i tipi di lavoro: i colori degli schermi, del filo viola dell'AI, degli apparecchi e degli esempi. */
:root {
  /* gli schermi */
  --screen: #fbfaf8;
  --screen-line: #ece8e2;
  --ai-bg: #eeebf7;
  --ai-ink: #6b6299;

  /* il filo viola fin dove lavora l'AI */
  --ai-filo: rgba(139, 128, 190, 0.85);
  --ai-alone: rgba(155, 146, 196, 0.42);
  --ai-onda: rgba(155, 146, 196, 0.55);

  /* gli apparecchi */
  --apparecchio-ombra: rgba(40, 32, 24, 0.5);
  --apparecchio-ombra-chiara: rgba(40, 32, 24, 0.45);
  --apparecchio-ombra-base: rgba(40, 32, 24, 0.55);
  --nero-schermo: #121214;
  --tablet-alto: #47474b;
  --tablet-basso: #161618;
  --tablet-bordo: #b9b6b1;
  --grafite-alto: #4a4a4e;
  --grafite-bordo: #8e8b87;
  --champagne-alto: #f2e9de;
  --champagne-basso: #cdbfae;
  --champagne-bordo: rgba(120, 100, 80, 0.25);
  --portatile-cornice: #141416;
  --portatile-bordo: #c9c6c1;
  --base-1: #e9e6e1;
  --base-2: #cfcbc4;
  --base-3: #a9a49c;
  --base-incavo: #bdb8b0;
  --portatile-barra: #f3f1ed;
  --portatile-luci: #d6d2cc;
  --monitor-schermo: #fbf8f2;
  --monitor-base-basso: #b9b4ac;
  --browser-barra: #f1eee8;
  --browser-riga: #e4dfd6;
  --browser-indirizzo: rgba(60, 56, 52, 0.08);

  /* le schede degli esempi delle pagine dei lavori */
  --esempio-ombra: rgba(60, 50, 40, 0.45);
  --ruolo-ombra: rgba(20, 40, 40, 0.6);
  --etichetta-testo-scuro: #1c1c1e;
  --cantiere: #e8b931; /* il giallo dell'app del cantiere: etichetta e schermi del telefono */
  --scura-titolo: #f4f1ec;
  --scura-testo: #b9b4ad;
  --scura-filo: rgba(255, 255, 255, 0.35);
}

/* Ogni esempio delle pagine dei lavori: lo sfondo della scheda (dall'alto in basso) e l'etichetta del tipo (nelle
   piattaforme anche quella dei ruoli); sulle etichette chiare la scritta è scura. */
.sito-agriturismo {
  --fondo-alto: #f1efe1;
  --fondo-basso: #dcd7b6;
  --etichetta: #8c8a52;
}
.sito-dentista {
  --fondo-alto: #eef5fa;
  --fondo-basso: #cfe0ec;
  --etichetta: #1f5f8b;
}
.sito-osteria {
  --fondo-alto: #2a2522;
  --fondo-basso: #15120f;
  --etichetta: #c9a45c;
  --etichetta-testo: var(--etichetta-testo-scuro);
}
.neg-ceramiche {
  --fondo-alto: #fbf6ec;
  --fondo-basso: #ecdcb8;
  --etichetta: #8f6c1f;
}
.neg-enoteca {
  --fondo-alto: #f7ece8;
  --fondo-basso: #e3c4c4;
  --etichetta: #5e1f2a;
}
.neg-pasticceria {
  --fondo-alto: #fdf4f5;
  --fondo-basso: #f0d3da;
  --etichetta: #9c4f60;
}
.piatt-scuola {
  --fondo-alto: #f1f7f6;
  --fondo-basso: #cfe2df;
  --etichetta: #1f3f40;
}
.piatt-pilates {
  --fondo-alto: #fbf6f0;
  --fondo-basso: #ead7c6;
  --etichetta: #7d4c35;
}
.piatt-condominio {
  --fondo-alto: #f2f5f9;
  --fondo-basso: #d3dce8;
  --etichetta: #22334a;
}
.gest-pasticceria {
  --fondo-alto: #fbf6ef;
  --fondo-basso: #e6d6c3;
  --etichetta: #4a3428;
}
.gest-idraulica {
  --fondo-alto: #f4f5f6;
  --fondo-basso: #d9dde2;
  --etichetta: #2b3036;
}
.gest-frantoio {
  --fondo-alto: #f6f6ee;
  --fondo-basso: #dcdfc4;
  --etichetta: #4f5a2e;
}
.app-cucina {
  --fondo-alto: #2a2725;
  --fondo-basso: #141312;
  --etichetta: #f2b33d;
  --etichetta-testo: var(--etichetta-testo-scuro);
}
.app-cantiere {
  --fondo-alto: #faf3da;
  --fondo-basso: #eed98e;
  --etichetta: var(--cantiere);
  --etichetta-testo: var(--etichetta-testo-scuro);
}
.app-salone {
  --fondo-alto: #fbf1f3;
  --fondo-basso: #e9d1d9;
  --etichetta: #8a5a6b;
}