/* Fixes for header, footer, dark mode toggle, and social icons */

/* Header and footer: use refined dark gray instead of near-black */
:root {
  --header-bg: #3a404d;
  --footer-bg: #3a404d;
  --header-text: #ffffff;
}

[data-theme="dark"],
body.dark-theme {
  --header-bg: #4a5263;
  --footer-bg: #4a5263;
  --header-text: #ffffff;
}

header,
.site-header,
header.minimal,
body > header,
footer,
.site-footer {
  background-color: var(--header-bg) !important;
  color: var(--header-text) !important;
}

[data-theme="dark"] header,
[data-theme="dark"] .site-header,
body.dark-theme header,
[data-theme="dark"] footer,
[data-theme="dark"] .site-footer,
body.dark-theme footer,
body.dark-theme .site-footer {
  background-color: var(--header-bg) !important;
}

/* Ensure all header and footer text is white */
header a,
header .site-title,
header .site-description,
header nav a,
footer,
footer a,
footer p,
.site-footer,
.site-footer a,
.site-footer p {
  color: #ffffff !important;
}

/* Social SVG icons should inherit text color */
.footer-social a svg,
.site-footer .social-links a svg,
footer a svg,
.site-footer a svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
  stroke: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Optional hover accent */
.footer-social a:hover,
.site-footer .social-links a:hover,
header nav a:hover {
  color: #ffffff !important;
}

/* Theme toggle visibility */
.theme-toggle {
  color: #ffffff !important;
}

.toggle-label {
  color: rgba(255,255,255,0.85) !important;
}

.toggle-track {
  background: rgba(255,255,255,0.35) !important;
}

[data-theme="dark"] .toggle-track,
body.dark-theme .toggle-track {
  background: #d4ac6e !important;
}