/* DGRM · i colori del sito, in un posto solo.
   Si cambiano da dgrm.studio/admin (scheda Colori). A mano: cambia il codice #rrggbb e, dove c'è,
   anche la riga -rgb accanto (lo stesso colore in decimale, serve per le trasparenze).
   Il logo è un disegno a parte (assets/logo/*-rosso.svg, assets/favicon.svg): lo ricolora l'admin. */

:root {
  /* Marchio */
  --primary: #c01f16;
  --primary-rgb: 192, 31, 22;
  --accent-text: #e73b32;
  --primary-dark: #7a0008;
  --primary-dark-rgb: 122, 0, 8;
  --on-primary: #ffffff;
  --background: #070707;
  --background-rgb: 7, 7, 7;
  --foreground: #ffffff;
  --copy: #c9cddb;
  --muted: #9aa3b5;
  --label: #8a93a5;

  /* Servizi: la card in home e la pagina del servizio (sfondo animato, etichette, pulsanti) */
  --service-dgrm: #2b9bff;
  --service-automation: #2fdd80;
  --service-web: #c9d2dc;
  --service-lab: #e73b32;
  --service-video: #ff8a1f;

  /* Sfondo animato della home: fondo, colore, riflesso e luce di ogni sezione */
  --scene-home-base: #030303;
  --scene-home-color: #b00000;
  --scene-home-accent: #ff0f0f;
  --scene-home-light: #ff291f;
  --scene-service-base: #00030a;
  --scene-service-color: #003bff;
  --scene-service-accent: #00a8ff;
  --scene-service-light: #59dbff;
  --scene-pricing-base: #080300;
  --scene-pricing-color: #f25700;
  --scene-pricing-accent: #ff800f;
  --scene-pricing-light: #ffb852;
  --scene-profile-base: #000805;
  --scene-profile-color: #00a652;
  --scene-profile-accent: #38ff87;
  --scene-profile-light: #94ffb8;
  --scene-contact-base: #000000;
  --scene-contact-color: #d9d9d9;
  --scene-contact-accent: #ffffff;
  --scene-contact-light: #9e9e9e;
}

.work-item[data-service="dgrm"] {
  --card-accent: var(--service-dgrm);
}

.work-item[data-service="automation"] {
  --card-accent: var(--service-automation);
}

.work-item[data-service="web"] {
  --card-accent: var(--service-web);
}

.work-item[data-service="lab"] {
  --card-accent: var(--service-lab);
}

.work-item[data-service="video"] {
  --card-accent: var(--service-video);
}

/* Testi con un colore scelto in dgrm.studio/admin (Anteprima: Ctrl + clic su un testo).
   Ogni riga dà a un testo uno dei colori qui sopra: se cambi quel colore, il testo lo segue.
   Le scrive l'admin tra i due commenti qui sotto; «Colore normale» le toglie. */
/* admin:testi:inizio */
body:not([data-service-page]) [data-i18n="hero.description"] { color: var(--foreground) !important; }
body:not([data-service-page]) [data-i18n="hero.row"] { color: var(--foreground) !important; }
body:not([data-service-page]) [data-i18n="hero.cornerTopRight"] { color: var(--foreground) !important; }
body:not([data-service-page]) [data-i18n="hero.cornerBottomLeft"] { color: var(--foreground) !important; }
body:not([data-service-page]) [data-i18n="hero.cornerTopLeft"] { color: var(--foreground) !important; }
body:not([data-service-page]) [data-i18n="hero.cornerBottomRight"] { color: var(--foreground) !important; }
/* admin:testi:fine */