/* Light mode color scheme */
html.light {
  --background: #fdf9f0;
  --foreground: #1a170f;
  --accent: #b8860b;
}

/* Theme toggle button */
.theme-toggle {
  background: none;
  border: 1px solid var(--accent);
  color: var(--accent);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  padding: 0.15rem 0.45rem;
  margin-left: auto;
  line-height: 1.4;
}

.theme-toggle:hover {
  background-color: var(--accent);
  color: var(--background);
}

/* Show sun in dark mode (click to go light), moon in light mode (click to go dark) */
.theme-toggle .icon-sun { display: inline; }
.theme-toggle .icon-moon { display: none; }

html.light .theme-toggle .icon-sun { display: none; }
html.light .theme-toggle .icon-moon { display: inline; }