:root {
  --color-bg: #ffffff;
  --color-bg-alt: #f6f7fb;
  --color-text: #16182d;
  --color-text-muted: #5d6078;
  --color-border: #e5e7ef;
  --color-primary: #4f46e5;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --max-width: 1080px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #10111f;
    --color-bg-alt: #171930;
    --color-text: #eef0ff;
    --color-text-muted: #a5a8c4;
    --color-border: #272a47;
    --color-primary: #7a72f4;
  }
}

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

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  line-height: 1.6;
}

a { color: var(--color-primary); }

.site-shell { min-height: 100vh; display: flex; flex-direction: column; }
.site-shell main { flex: 1; }

.container { max-width: var(--max-width); margin: 0 auto; padding: 0 20px; }

.page-body { padding: 48px 0 64px; }
.page-body h2 { margin-top: 0; }