/*
* Theme-independent design tokens.
*
* Component styles consume only the public --wsb-* properties. Sass is the
* authoring layer; CSS custom properties remain the runtime API so Svelte
* components, Monaco, and extension themes can all share the same values.
*/
:root {
--wb-monaco-font-size: var(--wb-font-size-12);
--wb-monaco-padding-block: var(--wb-spacing-10);
--wb-tree-indent-base: var(--wb-spacing-8);
--wb-tree-indent-step: var(--wb-spacing-16);
--wb-tree-indent-0: var(--wb-spacing-8);
--wb-tree-indent-1: var(--wb-spacing-24);
--wb-tree-indent-2: var(--wb-spacing-40);
--wb-worktree-indent-step: var(--wb-spacing-14);
--wb-fleet-indent-step: var(--wb-spacing-12);
--wb-secret-indent-step: var(--wb-spacing-18);
--wb-state-open: #3fb950;
--wb-state-merged: #a371f7;
--wb-state-closed: #f14c4c;
--wb-state-draft: #8b949e;
--wb-error: var(--vscode-errorForeground, #f14c4c);
--wb-log-stdout: var(--vscode-editor-foreground);
--wb-mark-ink: #ffffff;
--wb-gh-gray: #57606a;
--wb-gh-green: #2d7d46;
--wb-gh-yellow: #bf8700;
--wb-gh-orange: #bc4c00;
--wb-gh-red: #cf222e;
--wb-gh-purple: #8250df;
--wb-gh-blue: #0969da;
--wb-gh-pink: #bf3989;
--wb-gh-on-color: #fff;
}