/**
 * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 * 
 * Generated by: npm run tokens:build
 * Source: design-tokens-base.json, design-tokens-semantic.json
 * 
 * To modify:
 *   1. Edit the source JSON files
 *   2. Run: npm run tokens:build
 *   3. Commit the regenerated output
 * 
 * See: dev-docs/master-docs/design-system.md Section 1.5 (AI Development Guardrails)
 * 
 * NOTE: This file contains conditional tokens (light/dark mode) that cannot be
 * placed in @theme blocks. Tailwind v4's parser only supports @theme blocks
 * in imported CSS files. This file is imported separately after Tailwind processes
 * the @theme blocks.
 * 
 * Generated: 2026-01-06T15:41:44.713Z
 */
/* Conditional tokens - Light mode default */
:root {
	--color-accent-primary: var(--color-brand-primary); /* Primary accent - alias for interactive.primary (brand teal) */
	--color-accent-hover: var(--color-brand-primaryDark); /* Accent hover state - for hover effects on primary accent */
	--color-accent-active: var(--color-brand-primaryDark); /* Accent active/pressed state */
	--color-syntax-keyword: var(--color-syntax-keyword-light); /* Language keywords (const, function, if, return) */
	--color-syntax-string: var(--color-syntax-string-light); /* String literals ("hello", 'world') */
	--color-syntax-comment: var(--color-syntax-comment-light); /* Comments (// comment, /* block */) */
	--color-syntax-function: var(--color-syntax-function-light); /* Function names (myFunction()) */
	--color-syntax-variable: var(--color-syntax-variable-light); /* Variable names (myVar, props) */
	--color-syntax-operator: var(--color-syntax-operator-light); /* Operators (=, +, =>, &&) */
	--color-syntax-number: var(--color-syntax-number-light); /* Numeric literals (42, 3.14, 0xff) */
	--color-text-primary: var(--color-neutral-900); /* Primary text - highest contrast */
	--color-text-secondary: var(--color-neutral-600); /* Secondary text - medium emphasis */
	--color-text-tertiary: var(--color-neutral-500); /* Tertiary text - low emphasis */
	--color-text-muted: var(--color-neutral-400); /* Muted text - placeholder, hints */
	--color-text-disabled: var(--color-neutral-300); /* Disabled text */
	--color-text-inverse: var(--color-neutral-0); /* Inverse text - on colored backgrounds */
	--color-text-brand: var(--color-brand-primary); /* Brand-colored text */
	--color-text-link: var(--color-brand-primary); /* Link text */
	--color-text-success: var(--color-status-successDark); /* Success text */
	--color-text-warning: var(--color-status-warningDark); /* Warning text */
	--color-text-error: var(--color-status-error); /* Error text */
	--color-text-info: var(--color-status-infoDark); /* Info text */
	--color-text-accent-primary: var(--color-brand-primary); /* Primary accent text - brand teal */
	--color-bg-base: var(--color-neutral-0); /* Base background - app canvas */
	--color-bg-subtle: var(--color-neutral-50); /* Subtle background - sidebars, cards */
	--color-bg-surface: var(--color-neutral-0); /* Surface background - cards on base */
	--color-bg-elevated: var(--color-neutral-100); /* Elevated surface - dropdowns, modals */
	--color-bg-muted: var(--color-neutral-100); /* Muted background - disabled areas */
	--color-bg-hover: rgba(0, 0, 0, 0.04); /* Hover state overlay */
	--color-bg-active: rgba(0, 0, 0, 0.08); /* Active/pressed state overlay */
	--color-bg-selected: rgba(0, 138, 141, 0.1); /* Selected state background - uses brand primary with alpha */
	--color-bg-inverse: var(--color-neutral-900); /* Inverse background - tooltips */
	--color-border-default: var(--color-neutral-200); /* Default border */
	--color-border-subtle: var(--color-neutral-100); /* Subtle border - dividers */
	--color-border-strong: var(--color-neutral-300); /* Strong border - emphasis */
	--color-border-focus: var(--color-brand-primary); /* Focus ring */
	--color-border-error: var(--color-status-error); /* Error border */
	--color-border-info: var(--color-status-info); /* Info border */
	--color-border-warning: var(--color-status-warning); /* Warning border */
	--color-border-success: var(--color-status-success); /* Success border */
	--color-border-accent-primary: var(--color-brand-primary); /* Primary accent border - brand teal */
	--color-interactive-primary: var(--color-brand-primary); /* Primary interactive - main CTA */
	--color-interactive-primaryHover: var(--color-brand-primaryDark); /* Primary hover state */
	--color-interactive-primaryActive: var(--color-brand-primaryDark); /* Primary pressed state */
	--color-interactive-secondary: var(--color-brand-secondary); /* Secondary interactive */
	--color-interactive-secondaryHover: var(--color-brand-secondaryDark); /* Secondary hover */
	--color-interactive-tertiary: var(--color-neutral-700); /* Tertiary interactive - subtle actions */
	--color-interactive-tertiaryHover: var(--color-neutral-900); /* Tertiary hover */
	--color-interactive-destructive: var(--color-status-error); /* Destructive actions */
	--color-interactive-destructiveHover: var(--color-status-errorDark); /* Destructive hover */
	--color-component-sidebar-bg: var(--color-neutral-50); /* Sidebar background - matches outer shell (darkest) */
	--color-component-sidebar-border: var(--color-neutral-200); /* Sidebar border */
	--color-component-sidebar-itemHover: var(--color-neutral-100); /* Sidebar item hover */
	--color-component-sidebar-itemActive: var(--color-neutral-200); /* Sidebar active item */
	--color-component-card-bg: var(--color-neutral-0); /* Card background */
	--color-component-card-border: var(--color-neutral-200); /* Card border */
	--color-component-input-bg: var(--color-neutral-0); /* Input background */
	--color-component-input-border: var(--color-neutral-300); /* Input border */
	--color-component-input-borderHover: var(--color-neutral-400); /* Input border on hover */
	--color-component-input-borderFocus: var(--color-brand-primary); /* Input border on focus */
	--color-component-input-placeholder: var(--color-neutral-400); /* Input placeholder text */
	--color-component-toggle-off: var(--color-neutral-300); /* Toggle off state */
	--color-component-toggle-on: var(--color-brand-primary); /* Toggle on state */
	--color-component-badge-neutral-bg: var(--color-neutral-100); /* Neutral badge background */
	--color-component-badge-neutral-text: var(--color-neutral-700); /* Neutral badge text */
	--color-component-badge-brand-bg: rgba(0, 138, 141, 0.15); /* Brand badge background */
	--color-component-badge-brand-text: var(--color-brand-primaryDark); /* Brand badge text */
	--color-component-code-bg: var(--color-neutral-100); /* Code block background */
	--color-component-code-text: var(--color-neutral-800); /* Code text */
	--color-component-overlay-backdrop: rgba(0, 0, 0, 0.5); /* Modal/overlay backdrop */
	--color-component-orgChart-circle-fill: oklch(90% 0.05 195); /* Circle fill - light teal tint (light) / dark teal (dark) */
	--color-component-orgChart-circle-stroke: oklch(70% 0.10 195); /* Circle boundary stroke */
	--color-component-orgChart-circle-strokeHover: oklch(60% 0.12 195); /* Circle stroke on hover (dashed) */
	--color-component-orgChart-circle-strokeActive: var(--color-brand-primary); /* Circle stroke when active/selected (solid, primary) */
	--color-component-orgChart-role-fill: var(--color-orgChart-role-fill); /* Role fill - brand primary */
	--color-component-orgChart-role-fillHover: var(--color-orgChart-role-fillHover); /* Role fill on hover */
	--color-component-orgChart-role-text: var(--color-orgChart-role-text); /* Role text - white on light mode, dark on dark mode */
	--color-component-orgChart-role-stroke: var(--color-orgChart-role-stroke); /* Role stroke for glow/ring effect */
	--color-component-orgChart-label-text: var(--color-orgChart-label-onCircle); /* Circle label text */
	--color-component-orgChart-label-stroke: oklch(95% 0.02 195); /* Circle label stroke for readability */
}

/* Dark mode (system preference) */
@media (prefers-color-scheme: dark) {
	:root {
		--color-accent-primary: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-accent-hover: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-accent-active: var(--color-brand-primaryDark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-keyword: var(--color-syntax-keyword-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-string: var(--color-syntax-string-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-comment: var(--color-syntax-comment-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-function: var(--color-syntax-function-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-variable: var(--color-syntax-variable-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-operator: var(--color-syntax-operator-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-syntax-number: var(--color-syntax-number-dark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-primary: var(--color-neutral-0);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-secondary: var(--color-neutral-400);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-tertiary: var(--color-neutral-500);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-muted: var(--color-neutral-600);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-disabled: var(--color-neutral-700);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-inverse: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-brand: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-link: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-success: var(--color-status-success);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-warning: var(--color-status-warning);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-error: var(--color-status-errorLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-info: var(--color-status-info);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-text-accent-primary: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-base: var(--color-neutral-950);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-subtle: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-surface: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-elevated: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-muted: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-hover: rgba(255, 255, 255, 0.06);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-active: rgba(255, 255, 255, 0.1);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-selected: rgba(0, 138, 141, 0.2);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg-inverse: var(--color-neutral-100);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-default: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-subtle: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-strong: var(--color-neutral-700);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-focus: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-error: var(--color-status-error);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-info: var(--color-status-info);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-warning: var(--color-status-warning);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-success: var(--color-status-success);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-border-accent-primary: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-primary: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-primaryHover: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-primaryActive: var(--color-brand-primaryDark);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-secondary: var(--color-brand-secondary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-secondaryHover: var(--color-brand-secondaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-tertiary: var(--color-neutral-300);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-tertiaryHover: var(--color-neutral-100);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-destructive: var(--color-status-error);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-interactive-destructiveHover: var(--color-status-errorLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-sidebar-bg: var(--color-neutral-950);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-sidebar-border: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-sidebar-itemHover: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-sidebar-itemActive: var(--color-neutral-700);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-card-bg: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-card-border: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-input-bg: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-input-border: var(--color-neutral-700);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-input-borderHover: var(--color-neutral-600);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-input-borderFocus: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-input-placeholder: var(--color-neutral-600);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-toggle-off: var(--color-neutral-700);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-toggle-on: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-badge-neutral-bg: var(--color-neutral-800);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-badge-neutral-text: var(--color-neutral-300);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-badge-brand-bg: rgba(0, 138, 141, 0.25);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-badge-brand-text: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-code-bg: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-code-text: var(--color-neutral-200);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-overlay-backdrop: rgba(0, 0, 0, 0.7);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-circle-fill: oklch(30% 0.06 195);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-circle-stroke: oklch(45% 0.08 195);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-circle-strokeHover: oklch(55% 0.10 195);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-circle-strokeActive: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-role-fill: var(--color-brand-primaryLight);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-role-fillHover: var(--color-brand-primary);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-role-text: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-role-stroke: var(--color-neutral-900);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-label-text: var(--color-neutral-100);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-component-orgChart-label-stroke: oklch(20% 0.02 195);
	}
}

/* Light mode override (user preference) */
.light {
	--color-accent-primary: var(--color-brand-primary);
}
.light {
	--color-accent-hover: var(--color-brand-primaryDark);
}
.light {
	--color-accent-active: var(--color-brand-primaryDark);
}
.light {
	--color-syntax-keyword: var(--color-syntax-keyword-light);
}
.light {
	--color-syntax-string: var(--color-syntax-string-light);
}
.light {
	--color-syntax-comment: var(--color-syntax-comment-light);
}
.light {
	--color-syntax-function: var(--color-syntax-function-light);
}
.light {
	--color-syntax-variable: var(--color-syntax-variable-light);
}
.light {
	--color-syntax-operator: var(--color-syntax-operator-light);
}
.light {
	--color-syntax-number: var(--color-syntax-number-light);
}
.light {
	--color-text-primary: var(--color-neutral-900);
}
.light {
	--color-text-secondary: var(--color-neutral-600);
}
.light {
	--color-text-tertiary: var(--color-neutral-500);
}
.light {
	--color-text-muted: var(--color-neutral-400);
}
.light {
	--color-text-disabled: var(--color-neutral-300);
}
.light {
	--color-text-inverse: var(--color-neutral-0);
}
.light {
	--color-text-brand: var(--color-brand-primary);
}
.light {
	--color-text-link: var(--color-brand-primary);
}
.light {
	--color-text-success: var(--color-status-successDark);
}
.light {
	--color-text-warning: var(--color-status-warningDark);
}
.light {
	--color-text-error: var(--color-status-error);
}
.light {
	--color-text-info: var(--color-status-infoDark);
}
.light {
	--color-text-accent-primary: var(--color-brand-primary);
}
.light {
	--color-bg-base: var(--color-neutral-0);
}
.light {
	--color-bg-subtle: var(--color-neutral-50);
}
.light {
	--color-bg-surface: var(--color-neutral-0);
}
.light {
	--color-bg-elevated: var(--color-neutral-100);
}
.light {
	--color-bg-muted: var(--color-neutral-100);
}
.light {
	--color-bg-hover: rgba(0, 0, 0, 0.04);
}
.light {
	--color-bg-active: rgba(0, 0, 0, 0.08);
}
.light {
	--color-bg-selected: rgba(0, 138, 141, 0.1);
}
.light {
	--color-bg-inverse: var(--color-neutral-900);
}
.light {
	--color-border-default: var(--color-neutral-200);
}
.light {
	--color-border-subtle: var(--color-neutral-100);
}
.light {
	--color-border-strong: var(--color-neutral-300);
}
.light {
	--color-border-focus: var(--color-brand-primary);
}
.light {
	--color-border-error: var(--color-status-error);
}
.light {
	--color-border-info: var(--color-status-info);
}
.light {
	--color-border-warning: var(--color-status-warning);
}
.light {
	--color-border-success: var(--color-status-success);
}
.light {
	--color-border-accent-primary: var(--color-brand-primary);
}
.light {
	--color-interactive-primary: var(--color-brand-primary);
}
.light {
	--color-interactive-primaryHover: var(--color-brand-primaryDark);
}
.light {
	--color-interactive-primaryActive: var(--color-brand-primaryDark);
}
.light {
	--color-interactive-secondary: var(--color-brand-secondary);
}
.light {
	--color-interactive-secondaryHover: var(--color-brand-secondaryDark);
}
.light {
	--color-interactive-tertiary: var(--color-neutral-700);
}
.light {
	--color-interactive-tertiaryHover: var(--color-neutral-900);
}
.light {
	--color-interactive-destructive: var(--color-status-error);
}
.light {
	--color-interactive-destructiveHover: var(--color-status-errorDark);
}
.light {
	--color-component-sidebar-bg: var(--color-neutral-50);
}
.light {
	--color-component-sidebar-border: var(--color-neutral-200);
}
.light {
	--color-component-sidebar-itemHover: var(--color-neutral-100);
}
.light {
	--color-component-sidebar-itemActive: var(--color-neutral-200);
}
.light {
	--color-component-card-bg: var(--color-neutral-0);
}
.light {
	--color-component-card-border: var(--color-neutral-200);
}
.light {
	--color-component-input-bg: var(--color-neutral-0);
}
.light {
	--color-component-input-border: var(--color-neutral-300);
}
.light {
	--color-component-input-borderHover: var(--color-neutral-400);
}
.light {
	--color-component-input-borderFocus: var(--color-brand-primary);
}
.light {
	--color-component-input-placeholder: var(--color-neutral-400);
}
.light {
	--color-component-toggle-off: var(--color-neutral-300);
}
.light {
	--color-component-toggle-on: var(--color-brand-primary);
}
.light {
	--color-component-badge-neutral-bg: var(--color-neutral-100);
}
.light {
	--color-component-badge-neutral-text: var(--color-neutral-700);
}
.light {
	--color-component-badge-brand-bg: rgba(0, 138, 141, 0.15);
}
.light {
	--color-component-badge-brand-text: var(--color-brand-primaryDark);
}
.light {
	--color-component-code-bg: var(--color-neutral-100);
}
.light {
	--color-component-code-text: var(--color-neutral-800);
}
.light {
	--color-component-overlay-backdrop: rgba(0, 0, 0, 0.5);
}
.light {
	--color-component-orgChart-circle-fill: oklch(90% 0.05 195);
}
.light {
	--color-component-orgChart-circle-stroke: oklch(70% 0.10 195);
}
.light {
	--color-component-orgChart-circle-strokeHover: oklch(60% 0.12 195);
}
.light {
	--color-component-orgChart-circle-strokeActive: var(--color-brand-primary);
}
.light {
	--color-component-orgChart-role-fill: var(--color-orgChart-role-fill);
}
.light {
	--color-component-orgChart-role-fillHover: var(--color-orgChart-role-fillHover);
}
.light {
	--color-component-orgChart-role-text: var(--color-orgChart-role-text);
}
.light {
	--color-component-orgChart-role-stroke: var(--color-orgChart-role-stroke);
}
.light {
	--color-component-orgChart-label-text: var(--color-orgChart-label-onCircle);
}
.light {
	--color-component-orgChart-label-stroke: oklch(95% 0.02 195);
}

/* Dark mode override (user preference) */
.dark {
	--color-accent-primary: var(--color-brand-primary);
}
.dark {
	--color-accent-hover: var(--color-brand-primaryLight);
}
.dark {
	--color-accent-active: var(--color-brand-primaryDark);
}
.dark {
	--color-syntax-keyword: var(--color-syntax-keyword-dark);
}
.dark {
	--color-syntax-string: var(--color-syntax-string-dark);
}
.dark {
	--color-syntax-comment: var(--color-syntax-comment-dark);
}
.dark {
	--color-syntax-function: var(--color-syntax-function-dark);
}
.dark {
	--color-syntax-variable: var(--color-syntax-variable-dark);
}
.dark {
	--color-syntax-operator: var(--color-syntax-operator-dark);
}
.dark {
	--color-syntax-number: var(--color-syntax-number-dark);
}
.dark {
	--color-text-primary: var(--color-neutral-0);
}
.dark {
	--color-text-secondary: var(--color-neutral-400);
}
.dark {
	--color-text-tertiary: var(--color-neutral-500);
}
.dark {
	--color-text-muted: var(--color-neutral-600);
}
.dark {
	--color-text-disabled: var(--color-neutral-700);
}
.dark {
	--color-text-inverse: var(--color-neutral-900);
}
.dark {
	--color-text-brand: var(--color-brand-primary);
}
.dark {
	--color-text-link: var(--color-brand-primaryLight);
}
.dark {
	--color-text-success: var(--color-status-success);
}
.dark {
	--color-text-warning: var(--color-status-warning);
}
.dark {
	--color-text-error: var(--color-status-errorLight);
}
.dark {
	--color-text-info: var(--color-status-info);
}
.dark {
	--color-text-accent-primary: var(--color-brand-primary);
}
.dark {
	--color-bg-base: var(--color-neutral-950);
}
.dark {
	--color-bg-subtle: var(--color-neutral-900);
}
.dark {
	--color-bg-surface: var(--color-neutral-900);
}
.dark {
	--color-bg-elevated: var(--color-neutral-800);
}
.dark {
	--color-bg-muted: var(--color-neutral-800);
}
.dark {
	--color-bg-hover: rgba(255, 255, 255, 0.06);
}
.dark {
	--color-bg-active: rgba(255, 255, 255, 0.1);
}
.dark {
	--color-bg-selected: rgba(0, 138, 141, 0.2);
}
.dark {
	--color-bg-inverse: var(--color-neutral-100);
}
.dark {
	--color-border-default: var(--color-neutral-800);
}
.dark {
	--color-border-subtle: var(--color-neutral-900);
}
.dark {
	--color-border-strong: var(--color-neutral-700);
}
.dark {
	--color-border-focus: var(--color-brand-primaryLight);
}
.dark {
	--color-border-error: var(--color-status-error);
}
.dark {
	--color-border-info: var(--color-status-info);
}
.dark {
	--color-border-warning: var(--color-status-warning);
}
.dark {
	--color-border-success: var(--color-status-success);
}
.dark {
	--color-border-accent-primary: var(--color-brand-primary);
}
.dark {
	--color-interactive-primary: var(--color-brand-primary);
}
.dark {
	--color-interactive-primaryHover: var(--color-brand-primaryLight);
}
.dark {
	--color-interactive-primaryActive: var(--color-brand-primaryDark);
}
.dark {
	--color-interactive-secondary: var(--color-brand-secondary);
}
.dark {
	--color-interactive-secondaryHover: var(--color-brand-secondaryLight);
}
.dark {
	--color-interactive-tertiary: var(--color-neutral-300);
}
.dark {
	--color-interactive-tertiaryHover: var(--color-neutral-100);
}
.dark {
	--color-interactive-destructive: var(--color-status-error);
}
.dark {
	--color-interactive-destructiveHover: var(--color-status-errorLight);
}
.dark {
	--color-component-sidebar-bg: var(--color-neutral-950);
}
.dark {
	--color-component-sidebar-border: var(--color-neutral-800);
}
.dark {
	--color-component-sidebar-itemHover: var(--color-neutral-800);
}
.dark {
	--color-component-sidebar-itemActive: var(--color-neutral-700);
}
.dark {
	--color-component-card-bg: var(--color-neutral-900);
}
.dark {
	--color-component-card-border: var(--color-neutral-800);
}
.dark {
	--color-component-input-bg: var(--color-neutral-900);
}
.dark {
	--color-component-input-border: var(--color-neutral-700);
}
.dark {
	--color-component-input-borderHover: var(--color-neutral-600);
}
.dark {
	--color-component-input-borderFocus: var(--color-brand-primary);
}
.dark {
	--color-component-input-placeholder: var(--color-neutral-600);
}
.dark {
	--color-component-toggle-off: var(--color-neutral-700);
}
.dark {
	--color-component-toggle-on: var(--color-brand-primary);
}
.dark {
	--color-component-badge-neutral-bg: var(--color-neutral-800);
}
.dark {
	--color-component-badge-neutral-text: var(--color-neutral-300);
}
.dark {
	--color-component-badge-brand-bg: rgba(0, 138, 141, 0.25);
}
.dark {
	--color-component-badge-brand-text: var(--color-brand-primaryLight);
}
.dark {
	--color-component-code-bg: var(--color-neutral-900);
}
.dark {
	--color-component-code-text: var(--color-neutral-200);
}
.dark {
	--color-component-overlay-backdrop: rgba(0, 0, 0, 0.7);
}
.dark {
	--color-component-orgChart-circle-fill: oklch(30% 0.06 195);
}
.dark {
	--color-component-orgChart-circle-stroke: oklch(45% 0.08 195);
}
.dark {
	--color-component-orgChart-circle-strokeHover: oklch(55% 0.10 195);
}
.dark {
	--color-component-orgChart-circle-strokeActive: var(--color-brand-primaryLight);
}
.dark {
	--color-component-orgChart-role-fill: var(--color-brand-primaryLight);
}
.dark {
	--color-component-orgChart-role-fillHover: var(--color-brand-primary);
}
.dark {
	--color-component-orgChart-role-text: var(--color-neutral-900);
}
.dark {
	--color-component-orgChart-role-stroke: var(--color-neutral-900);
}
.dark {
	--color-component-orgChart-label-text: var(--color-neutral-100);
}
.dark {
	--color-component-orgChart-label-stroke: oklch(20% 0.02 195);
}