:root {
  --color-bg: #1a1d22;
  --color-fg: #ffffff;
  --color-nav: #2c3138;
  --color-nav-border: #3a3f47;
  --color-accent: #5dbbff;
  --color-accent-soft: rgba(93,187,255,0.12);
  --color-accent-border: rgba(93,187,255,0.4);
  --color-muted: rgba(255,255,255,0.6);
}
body { background: var(--color-bg); color: var(--color-fg); }
.bg-bg { background: var(--color-bg); }
.bg-nav { background: var(--color-nav); }
.bg-accent { background: var(--color-accent); }
.bg-accent\/10 { background: var(--color-accent-soft); }
.text-fg { color: var(--color-fg); }
.text-fg-muted { color: var(--color-muted); }
.text-accent { color: var(--color-accent); }
.text-muted { color: var(--color-muted); }
.border-nav-border { border-color: var(--color-nav-border); }
.border-accent\/30 { border-color: var(--color-accent-border); }
.prose-invert { color: var(--color-fg); }
.prose-invert a { color: var(--color-accent); }
.prose-invert img { max-width: 100%; height: auto; }
[x-cloak] { display: none !important; }