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

:root {
  --bg: #0f0f0f;
  --surface: #1a1a1a;
  --border: #2a2a2a;
  --text: #e0e0e0;
  --muted: #888;
  --accent: oklch(68.5% 0.169 237.323);
  --tag-bg: oklch(20% 0.04 237);
  --tag-text: oklch(72% 0.1 237);
  font-family: 'Berkeley Mono', 'Fira Mono', 'Cascadia Code', ui-monospace, monospace;
}

body {
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  padding: 2rem 1rem;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }