/* ── Dark theme ─────────────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --c-bg:          #0a0a0a;
  --c-bg-sidebar:  #0d0d0d;
  --c-bg-hover:    #161616;
  --c-bg-code:     #0d0d0d;
  --c-bg-callout:  #0d0d14;
  --c-text:        #f5f5f5;
  --c-text-muted:  #a1a1aa;
  --c-border:      #27272a;
  --c-link:        #60a5fa;
  --c-link-hover:  #93c5fd;
  --c-link-broken: #f87171;
  --c-mark:        #78350f;
  --c-nav-active:  #f5f5f5;
  --c-nav-pip:     #f5f5f5;
}

/* System dark preference fallback — active before JS sets data-theme */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --c-bg:          #0a0a0a;
    --c-bg-sidebar:  #0d0d0d;
    --c-bg-hover:    #161616;
    --c-bg-code:     #0d0d0d;
    --c-bg-callout:  #0d0d14;
    --c-text:        #f5f5f5;
    --c-text-muted:  #a1a1aa;
    --c-border:      #27272a;
    --c-link:        #60a5fa;
    --c-link-hover:  #93c5fd;
    --c-link-broken: #f87171;
    --c-mark:        #78350f;
    --c-nav-active:  #f5f5f5;
    --c-nav-pip:     #f5f5f5;
  }
}