/*--- DARK MODE ---*/
html.dark-mode {
  --background: #050428;
  --foreground: #e0e0e0;
  --accent: #a470d6; 
}

html.dark-mode body {
  background-color: #050428;
  color: #dfdfdf;
}

html.dark-mode strong {
  color: #df5db0;
}

html.dark-mode em {
  color: #e56b6b;
}

html.dark-mode mark {
  background-color: #6b5c16;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1);
}

html.dark-mode img {
  border-color: #c886a6 !important;
}

html.dark-mode h1 { color: #b388ff; }
html.dark-mode h2 { color: #82a4ff; }
html.dark-mode h3 { color: #a8bcff; }
html.dark-mode h4 { color: #6b8eff; }
html.dark-mode h5 { color: #82aaff; }
html.dark-mode h6 { color: #b0c7ff; }

html.dark-mode .custom-def-box {
  background-color: #2a1f2e !important;
  border-color: #897896 !important;
}

html.dark-mode .sun-icon { display: block; color: #ffe600; }
html.dark-mode .moon-icon { display: none; }

html.dark-mode .floating-theme-toggle {
  background-color: #3b2a45;
  border: 1px solid #897896;
}

html.dark-mode .floating-theme-toggle:hover {
  background-color: #513b5e;
}
html.dark-mode div.highlight,
html.dark-mode pre {
    background-color: #120d2b !important;
    border: 1px solid #2a2569 !important;
}

html.dark-mode div.highlight pre,
html.dark-mode pre code,
html.dark-mode pre[class*="language-"] code {
    background-color: transparent !important;
    border: none !important;
}

html.dark-mode p code,
html.dark-mode li code {
    border: 1px solid #2a2569;
    background-color: #0b0936;
    color: #a470d6;
}


html.dark-mode .custom-mark {
  background-color: var(--bg-dark-val) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}


html.dark-mode .propic {
  border-color: var(--accent) !important; /* Usa il tuo viola accentuato */
  box-shadow: 0 0 15px rgba(164, 112, 214, 0.3); /* Leggero glow */
}

html.dark-mode .social-icon.github,
html.dark-mode .social-icon.twitter {
  color: var(--foreground) !important; 
}

html.dark-mode .social-icon.bluesky { color: #53bcfd; }
html.dark-mode .social-icon.mastodon { color: #8585ff; }
html.dark-mode .social-icon.email { color: #a78bfa; }


html.dark-mode .custom-def-box { background-color: #2a1f2e !important; border-color: #897896 !important; }
html.dark-mode .custom-def-box.success { background-color: #041b1f !important; border-color: #5d7764 !important; }
html.dark-mode .custom-def-box .custom-def-title { color: #d19bb8 !important; }
html.dark-mode .custom-def-box.success .custom-def-title { color: #9bd1a6 !important; }
html.dark-mode .custom-def-body em { color: #e56b6b !important; }

    
html.dark-mode .collapsable-code { border-color: #897896; }
html.dark-mode .collapsable-code__title { color: #b388ff; }