.theme-toggle {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 9px 11px;
  background: rgba(255, 255, 255, .025);
  color: #aeb8b4;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font: 800 8px var(--mono);
  letter-spacing: .1em;
}
.theme-toggle span { color: var(--acid); font-size: 12px; }
.theme-toggle b { font: inherit; }

:root[data-theme="light"] {
  --bg: #f1f0e9;
  --panel: #fbfaf6;
  --text: #141814;
  --muted: #59635d;
  --line: rgba(14, 28, 20, .15);
  --acid: #4b6f2c;
  color-scheme: light;
}
:root[data-theme="light"] body {
  background: radial-gradient(circle at 82% 8%, rgba(75, 111, 44, .08), transparent 25%), var(--bg);
}
:root[data-theme="light"] .brand small,
:root[data-theme="light"] .back,
:root[data-theme="light"] .updated,
:root[data-theme="light"] .toc a,
:root[data-theme="light"] p,
:root[data-theme="light"] li,
:root[data-theme="light"] .foot { color: #526059; }
:root[data-theme="light"] .theme-toggle { background: #faf9f5; color: #34443b; }
:root[data-theme="light"] .contact-card { background: #faf9f5; box-shadow: 0 16px 42px rgba(28, 42, 32, .07); }
:root[data-theme="light"] .contact-card b { color: #172019; }

@media(max-width: 760px) {
  .theme-toggle { padding: 8px; font-size: 0; }
  .theme-toggle span { font-size: 12px; }
}