:root {
  --bg: #e6e8ef;
  --text: #2e3440;
  --muted: #6b7280;
  --accent: #E2494C;
}

html[data-theme="dark"] {
  --bg: #1a1b26;
  --text: #c0caf5;
  --muted: #565f89;
  --accent: #7aa2f7;
}

:root, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
               "Helvetica Neue", Helvetica, Arial, "Noto Sans", "Apple SD Gothic Neo", sans-serif,
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Apply background/text */
html, body { background: var(--bg); color: var(--text); }

a { color: var(--accent); }
a:hover { opacity: .9; }

#nav-bar a { color: var(--text); opacity: .8; }
#nav-bar a.active { color: var(--accent); opacity: 1; }
#nav-bar a:hover { opacity: 1; }

h1, h2, h3 { color: var(--text); }
h1 { letter-spacing: -0.01em; }

pre, code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }