/* === Base Theme Variables === */
:root {
  --bg-color: #ffffff;
  --text-color: #000000;
  --accent-color: #0077ff;
  --link-color: #0077ff;
}

/* === Dark Theme Variables === */
[data-theme='dark'] {
  --bg-color: #0d1117;
  --text-color: #e6edf3;
  --accent-color: #1f6feb;
  --link-color: #58a6ff;
}

/* === Apply colors globally === */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Links, headings, etc */
a {
  color: var(--link-color);
  transition: color 0.3s ease;
}

/* Toggle button styling */
#theme-toggle {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 1.3rem;
  margin-left: auto;
  color: var(--text-color);
  transition: color 0.3s ease;
}
#theme-toggle:hover {
  color: var(--accent-color);
}

.no-mathjax * {
  width: 100% !important;
  max-width: 100% !important;
}