/*
 * pyscriptc docs theme overrides. Wired through `theme.customCss` in
 * docmd.config.js (docmd emits each entry as a stylesheet link after the
 * theme CSS, via layout.ejs customCssFiles). Overrides the variable blocks
 * from @docmd/live's docmd-main.css (`:root` light, `:root[data-theme=dark]`)
 * so the docs match the site tokens in
 * apps/web/src/styles/theme.css: obsidian canvas, ink ladder, hairlines and
 * the logo blue as the only chromatic accent. Keep the two in sync.
 */

:root {
  --bg-color: #fafafa;
  --text-color: #344054;
  --text-muted: #667085;
  --text-heading: #101828;
  --link-color: #1e5aa8;
  --link-color-hover: #174b9a;
  --border-color: #e4e7ec;
  --border-color-codeblock: #10182822;
  --header-bg: rgba(250, 250, 250, 0.85);
  --header-border: #e4e7ec;
  --sidebar-bg: #f4f5f7;
  --sidebar-text: #475467;
  --sidebar-link-active-bg: rgba(30, 90, 168, 0.08);
  --sidebar-link-active-text: #174b9a;
  --code-bg: #f2f4f7;
  --code-text: #344054;
  --scrollbar-thumb: #d0d5dd;
  --scrollbar-thumb-hover: #98a2b3;
  --sidebar-group-bg: rgba(30, 90, 168, 0.04);
  --glow-color: rgba(23, 75, 154, 0.08);
  --glow-color-strong: rgba(23, 75, 154, 0.14);
  --halo-soft: 0 0 0 3px rgba(30, 90, 168, 0.14);
}

:root[data-theme="dark"] {
  --bg-color: #07080a;
  --text-color: #9aa3b2;
  --text-muted: #7c8798;
  --text-heading: #f2f4f7;
  --link-color: #6c9bd8;
  --link-color-hover: #8fb3e4;
  --border-color: #1c2027;
  --border-color-codeblock: #f8fafc17;
  --header-bg: rgba(14, 16, 19, 0.78);
  --header-border: #1c2027;
  --sidebar-bg: #0e1013;
  --sidebar-text: #9aa3b2;
  --sidebar-link-active-bg: rgba(77, 128, 196, 0.12);
  --sidebar-link-active-text: #cfe0f5;
  --code-bg: #0e1013;
  --code-text: #e3e8ef;
  --scrollbar-thumb: #1c2027;
  --scrollbar-thumb-hover: #33384a;
  --sidebar-group-bg: rgba(77, 128, 196, 0.07);
  --glow-color: rgba(77, 128, 196, 0.14);
  --glow-color-strong: rgba(77, 128, 196, 0.22);
  --halo-soft: 0 0 0 3px rgba(77, 128, 196, 0.16);
  --docmd-tooltip-bg: #0e1013;
  --docmd-tooltip-color: #f2f4f7;
  --docmd-tooltip-border: #1c2027;
}