/* codemany.com /docs: colour and type tokens (2026-10-10, Mintlify-style docs). Only the /docs pages load this file;
 * the rest of the site stays light and monospaced. Light by default, dark when the OS asks for it, and the top bar's
 * toggle (docs-theme.js) pins either one with <html data-theme>. The accent is the green the dashboard uses for
 * "passed" and "running" (internal/server/web/catalyst.css), the one colour Codemany already speaks in. */
:root {
  --d-bg: #ffffff;
  --d-bg-soft: #fafafa;
  --d-fg: #09090b;
  --d-text: #3f3f46;
  --d-muted: #71717a;
  --d-faint: #a1a1aa;
  --d-border: #e4e4e7;
  --d-border-soft: #f1f1f3;
  --d-hover: #f4f4f5;
  --d-accent: #15803d;
  --d-accent-soft: #16a34a14;
  --d-accent-line: #16a34a66;
  --d-code-bg: #fafafa;
  --d-code-bar: #f4f4f5;
  --d-note: #0369a1;  --d-note-bg: #0ea5e90f;  --d-note-bd: #0ea5e940;
  --d-tip: #15803d;   --d-tip-bg: #16a34a0f;   --d-tip-bd: #16a34a40;
  --d-warn: #b45309;  --d-warn-bg: #f59e0b14;  --d-warn-bd: #f59e0b59;
  --d-info: #3f3f46;  --d-info-bg: #71717a0d;  --d-info-bd: #71717a33;
  --d-shadow: 0 1px 2px #0000000a, 0 12px 32px -16px #00000033;
  --d-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --d-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --d-top: 105px; /* the sticky top bar: 64px row + 41px tabs */
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --d-bg: #0b0b0d; --d-bg-soft: #111114; --d-fg: #fafafa; --d-text: #d4d4d8; --d-muted: #a1a1aa; --d-faint: #71717a;
    --d-border: #27272a; --d-border-soft: #1c1c1f; --d-hover: #18181b;
    --d-accent: #4ade80; --d-accent-soft: #22c55e1a; --d-accent-line: #4ade8066;
    --d-code-bg: #111114; --d-code-bar: #18181b;
    --d-note: #7dd3fc; --d-note-bg: #0ea5e914; --d-note-bd: #0ea5e94d;
    --d-tip: #4ade80; --d-tip-bg: #22c55e14; --d-tip-bd: #22c55e4d;
    --d-warn: #fbbf24; --d-warn-bg: #f59e0b14; --d-warn-bd: #f59e0b4d;
    --d-info: #d4d4d8; --d-info-bg: #a1a1aa0f; --d-info-bd: #a1a1aa33;
    --d-shadow: 0 1px 2px #00000066, 0 12px 32px -16px #000000b3;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --d-bg: #0b0b0d; --d-bg-soft: #111114; --d-fg: #fafafa; --d-text: #d4d4d8; --d-muted: #a1a1aa; --d-faint: #71717a;
  --d-border: #27272a; --d-border-soft: #1c1c1f; --d-hover: #18181b;
  --d-accent: #4ade80; --d-accent-soft: #22c55e1a; --d-accent-line: #4ade8066;
  --d-code-bg: #111114; --d-code-bar: #18181b;
  --d-note: #7dd3fc; --d-note-bg: #0ea5e914; --d-note-bd: #0ea5e94d;
  --d-tip: #4ade80; --d-tip-bg: #22c55e14; --d-tip-bd: #22c55e4d;
  --d-warn: #fbbf24; --d-warn-bg: #f59e0b14; --d-warn-bd: #f59e0b4d;
  --d-info: #d4d4d8; --d-info-bg: #a1a1aa0f; --d-info-bd: #a1a1aa33;
  --d-shadow: 0 1px 2px #00000066, 0 12px 32px -16px #000000b3;
  color-scheme: dark;
}
/* The site's own tokens (styles.css, doc.css: footer, buttons, runner-label art) follow the docs theme. */
:root {
  --background: var(--d-bg); --foreground: var(--d-fg); --muted-foreground: var(--d-muted); --border: var(--d-border);
  --muted: var(--d-hover); --ring: var(--d-faint); --primary: var(--d-fg); --primary-foreground: var(--d-bg);
}
@media (max-width: 899px) { :root { --d-top: 57px; } }

body.docs-page {
  font-family: var(--d-sans); font-size: 16px; line-height: 1.75; color: var(--d-text);
  background: var(--d-bg); background-image: none; -webkit-font-smoothing: antialiased;
  font-feature-settings: "cv11", "ss01";
}
.docs-page code, .docs-page pre, .docs-page kbd { font-family: var(--d-mono); }
html:has(body.docs-page) { scroll-padding-top: calc(var(--d-top) + 16px); scroll-padding-bottom: 24px; }
.docs-page ::selection { background: var(--d-accent-soft); }
.docs-page :focus-visible { outline: 2px solid var(--d-accent); outline-offset: 2px; border-radius: 6px; }

/* Icons from docs-icons.svg: stroked in the current colour. */
.i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
