:root {
  --color-perill: #FF6600;
  --color-avis: #FFD54F;
  /* Avís com a TEXT: el groc de --color-avis és un color de SUPERFÍCIE (fons,
     vores, distintius) i sobre blanc no es llegeix (contrast 1,4:1). Aquest és el
     mateix avís escrit en un to que sí que es llegeix (5,1:1). */
  --color-avis-text: #9A6200;
  --color-projecte: #9A6200;
  --color-correcte: green;
  --color-clar-1: #ffffff;
  --color-clar-2: #f8f8f8;
  --color-clar-3: #ebebeb;
  --color-clar-4: #d3d4d9;
  --color-fosc-1: #1c1f21;
  --color-fosc-2: #2a2e32;
  --color-fosc-3: #404040;
  --color-fosc-4: #4d4d4d;
  --color-fons: var(--color-clar-1);
  --color-fons-2: var(--color-clar-3);
  --color-border: var(--color-clar-4);
  --color-text: var(--color-fosc-2);
  --color-text-2: var(--color-fosc-4);
  --color-text-invertit: var(--color-clar-1);
  --color-editable: var(--color-clar-1);
  --color-fons-pagina: var(--color-clar-2);
  --color-dirty: var(--color-clar-2);
  --color-hover: rgba(0, 0, 0, 0.05);
  --color-fons-modal: rgba(0, 0, 0, 0.5);
  /* Barra lateral (.menuEsq): derivats del color principal del client (--color3) */
  --apl-primary: var(--color3, #239ECC);
  --apl-primary-deep: color-mix(in srgb, var(--apl-primary) 80%, black);
  --apl-primary-soft: color-mix(in srgb, var(--apl-primary) 22%, white);
  --apl-primary-tint: color-mix(in srgb, var(--apl-primary) 10%, white);
}

/* Dins el shell #content (principal i mòduls) les variables s'usen a la inversa
   que a les fitxes: la superfície dels apartats és --color-editable i el fons del
   shell és --color-fons. Hi restaurem els valors perquè els apartats quedin blancs
   i el fons gris (com abans). Només en mode clar; el fosc manté els seus valors. */
html:not(.dark) #content {
  --color-fons: var(--color-clar-2);
  --color-editable: var(--color-clar-1);
}

:root.dark {
  --color-avis: #FFA726;
  --color-avis-text: var(--color-avis);
  /* Fila d'un projecte d'emprenedoria: el marró del mode clar, en fosc, es tornava el taronja
     de --color-avis i es confonia amb el de baixa (--color-perill). */
  --color-projecte: #D2B48C;
  --color-fons: var(--color-fosc-2);
  --color-fons-2: var(--color-fosc-3);
  --color-border: var(--color-fosc-4);
  --color-text: var(--color-clar-2);
  --color-text-2: var(--color-clar-4);
  --color-text-invertit: var(--color-fosc);
  --color-editable: var(--color-fosc-1);
  --color-fons-pagina: var(--color-fosc-1);
  --color-dirty: var(--color-fosc-4);
  --color-hover: rgba(255, 255, 255, 0.2);
  --color-fons-modal: rgba(200, 200, 200, 0.5);
  /* En fosc, els tons clars de la barra lateral es barregen amb el fons fosc */
  --apl-primary-deep: color-mix(in srgb, var(--apl-primary) 80%, white);
  --apl-primary-soft: color-mix(in srgb, var(--apl-primary) 38%, var(--color-fons));
  --apl-primary-tint: color-mix(in srgb, var(--apl-primary) 20%, var(--color-fons));
}
:root.dark iframe:not(.surt-al-web) {
  filter: invert(1) hue-rotate(180deg);
}

/* Correu de l'aplicatiu desat al cos d'un apunt (història d'una tasca, d'una persona…)
   (#243688): el cos porta els fons de la plantilla inline (la targeta `.main` en blanc)
   però el color del text l'hereta del tema, i en fosc quedava text clar sobre blanc.
   Es pinta com el paper del correu enviat, amb els colors reals del mode clar. */
:root.dark .mail-aplicatiu {
  color-scheme: light;
  color: var(--color-fosc-2);
  background-color: var(--color-clar-2);
  border-radius: 3px;
}

/* Correu rebut amb els seus colors inline (text negre, fons blanc) a la història
   (#250016): `personaGrupMostraComentaris()` l'embolcalla. En fosc no es pinta com un
   paper clar: se n'anul·len els colors de text i de fons, i agafa els del tema. */
:root.dark .html-colors-propis, :root.dark .html-colors-propis * {
  color: inherit !important;
  background-color: transparent !important;
}

/*# sourceMappingURL=themes.css.map */