/* Shared theme: dark by default, light override for prefers-color-scheme.
   --accent-rgb / --overlay-rgb are comma-separated triplets so any rule can
   do rgba(var(--accent-rgb), X) and pick up both themes for free. */
:root {
  --bg: #0f1115;
  --fg: #eae7e0;
  --muted: #6b7280;
  --intro-fg: #c9c5bc;
  --accent: #d4af37;
  --accent-rgb: 212, 175, 55;
  --overlay-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #faf8f3;
    --fg: #201c16;
    --muted: #7a7266;
    --intro-fg: #4d4638;
    --accent: #9c7a29;
    --accent-rgb: 156, 122, 41;
    --overlay-rgb: 20, 18, 14;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  background: var(--bg);
  color: var(--fg);
  font-family: 'Georgia', 'Times New Roman', serif;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}