/* Pelle di Iride sopra LibreChat, senza fork: ridefinisce le variabili di colore del tema
   (terne R G B, come vuole LibreChat). html:root vince su "html" e ".dark" del CSS originale,
   quindi chiaro e scuro vanno separati a mano. Colori presi dal personaggio: crema, blu notte, salvia. */
html:root:not(.dark) {
  --presentation: 251 243 230;
  --text-primary: 29 47 111;
  --text-secondary: 61 76 128;
  --text-secondary-alt: 89 99 140;
  --text-tertiary: 107 116 153;
  --link: 52 92 190;
  --link-hover: 29 47 111;
  --accent-primary: 63 140 116;
  --accent-primary-hover: 47 111 92;
  --ring-primary: 107 116 153;
  --header-primary: 251 243 230;
  --header-hover: 244 231 211;
  --header-button-hover: 244 231 211;
  --surface-active: 239 226 207;
  --surface-active-alt: 232 216 194;
  --surface-hover: 236 222 202;
  --surface-hover-alt: 228 212 188;
  --surface-composer-hover: 244 231 211;
  --surface-primary: 251 243 230;
  --surface-primary-alt: 247 236 220;
  --surface-primary-contrast: 244 231 211;
  --surface-secondary: 244 231 211;
  --surface-secondary-alt: 236 222 202;
  --surface-tertiary: 239 226 207;
  --surface-tertiary-alt: 255 250 242;
  --surface-dialog: 255 250 242;
  --surface-chat: 251 243 230;
  --surface-submit: 29 47 111;
  --surface-submit-hover: 20 34 84;
  --border-light: 233 217 193;
  --border-medium-alt: 222 204 178;
  --border-medium: 222 204 178;
  --border-heavy: 200 180 152;
  --border-xheavy: 107 116 153;
  --brand-purple: 138 91 214;
}
html.dark:root {
  --presentation: 17 26 58;
  --text-primary: 251 243 230;
  --text-secondary: 214 219 239;
  --text-secondary-alt: 186 193 220;
  --text-tertiary: 160 168 200;
  --link: 138 176 255;
  --link-hover: 186 207 255;
  --accent-primary: 108 179 155;
  --accent-primary-hover: 140 200 178;
  --header-primary: 17 26 58;
  --header-hover: 30 43 88;
  --header-button-hover: 30 43 88;
  --surface-active: 33 47 96;
  --surface-active-alt: 40 56 110;
  --surface-hover: 36 51 102;
  --surface-hover-alt: 44 60 116;
  --surface-composer-hover: 30 43 88;
  --surface-primary: 17 26 58;
  --surface-primary-alt: 22 33 70;
  --surface-primary-contrast: 26 38 80;
  --surface-secondary: 14 21 48;
  --surface-secondary-alt: 26 38 80;
  --surface-tertiary: 30 43 88;
  --surface-tertiary-alt: 24 36 76;
  --surface-dialog: 24 36 76;
  --surface-chat: 17 26 58;
  --surface-submit: 63 140 116;
  --surface-submit-hover: 47 111 92;
  --border-light: 40 56 110;
  --border-medium-alt: 52 70 128;
  --border-medium: 52 70 128;
  --border-heavy: 72 92 156;
  --border-xheavy: 107 126 184;
  --brand-purple: 171 140 240;
}
html:root { --theme-font-family: Nunito, Inter, sans-serif; }
body { font-family: Nunito, Inter, system-ui, sans-serif; }
/* i campi di login e registrazione hanno uno sfondo fisso (bianco / quasi nero) contro l'autocompletamento del browser */
html:root .webkit-dark-styles, html:root .webkit-dark-styles:focus { -webkit-box-shadow: inset 0 0 0 50vh rgb(var(--surface-primary)); -webkit-text-fill-color: rgb(var(--text-primary)); }