/* cspell:ignore Segoe Roboto */
:root {
  color-scheme: light dark;
  --text: #222;
  --text-muted: #555;
  --text-faint: #888;
  --link: #0055cc;
  --border: #ddd;
  --pre-bg: #f5f5f5;
  --pre-border: #ccc;
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: #e0e0e0;
    --text-muted: #bbb;
    --text-faint: #999;
    --link: #6aadff;
    --border: #444;
    --pre-bg: #1e1e1e;
    --pre-border: #555;
  }
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-width: 900px;
  margin: 2rem auto;
  padding: 0 1.5rem;
  color: var(--text);
  line-height: 1.6;
}

a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { border-bottom: 2px solid var(--border); padding-bottom: 0.5rem; }
h2 { margin-top: 2rem; font-size: 1.1rem; color: var(--text-muted); }

pre {
  background: var(--pre-bg);
  border: 1px solid var(--pre-border);
  border-radius: 4px;
}