/* seo-theme.css — non-invasive visual refresh injected over the SPA's shadcn-style
   theme (loaded after the app CSS). Overrides only CSS custom properties — no structural
   changes. Result: dark sidebar (self-contained dark) + clean light content area. */
:root, .dark {
  --bg-0: oklch(98.4% .003 256);   /* page background */
  --bg-1: oklch(96% .004 256);
  --bg-2: oklch(100% 0 0);          /* cards = white */
  --bg-3: oklch(94% .005 256);      /* secondary surfaces / inactive pills (visible on white) */
  --bg-4: oklch(90% .006 256);
  --border-base: oklch(89% .006 256);
  --border-hover-base: oklch(80% .012 256);
  --text-1: oklch(25% .02 256);     /* near-black body text */
  --text-2: oklch(46% .02 256);
  --text-3: oklch(58% .02 256);
  --radius: .7rem;
}
* { transition: background-color .14s ease, border-color .14s ease, color .14s ease; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: oklch(85% .01 256); border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }