@layer openbitfun.tokens.theme {
  :where([data-openbitfun-design-system-root]), :where([data-openbitfun-design-system-root][data-color-scheme="light"]) {
    --openbitfun-color-accent-border: color-mix(in srgb, #059cb0 40%, transparent);
    --openbitfun-color-accent-border-subtle: color-mix(in srgb, #059cb0 25%, transparent);
    --openbitfun-color-accent-default: #059cb0;
    --openbitfun-color-accent-disabled: rgba(5, 156, 176, 0.30);
    --openbitfun-color-accent-hover: #059cb0;
    --openbitfun-color-accent-secondary: #7c6b99;
    --openbitfun-color-accent-secondary-border: color-mix(in srgb, #7c6b99 25%, transparent);
    --openbitfun-color-accent-secondary-hover: #655680;
    --openbitfun-color-accent-secondary-surface: color-mix(in srgb, #7c6b99 9%, transparent);
    --openbitfun-color-accent-secondary-surface-strong: color-mix(in srgb, #7c6b99 15%, transparent);
    --openbitfun-color-accent-surface: color-mix(in srgb, #059cb0 9%, transparent);
    --openbitfun-color-accent-surface-strong: color-mix(in srgb, #059cb0 15%, transparent);
    --openbitfun-color-accent-surface-subtle: color-mix(in srgb, #059cb0 5%, transparent);
    --openbitfun-color-action-neutral-border: rgba(0, 0, 0, 0.05);
    --openbitfun-color-action-neutral-content: rgba(0, 0, 0, 0.80);
    --openbitfun-color-action-neutral-content-disabled: rgba(0, 0, 0, 0.30);
    --openbitfun-color-action-neutral-fill-border: rgba(0, 0, 0, 0.05);
    --openbitfun-color-action-neutral-surface: rgba(0, 0, 0, 0.05);
    --openbitfun-color-action-neutral-surface-hover: rgba(0, 0, 0, 0.08);
    --openbitfun-color-action-neutral-surface-pressed: rgba(0, 0, 0, 0.10);
    --openbitfun-color-action-primary-background: #101a27;
    --openbitfun-color-action-primary-content: #ffffff;
    --openbitfun-color-action-primary-hover: #1c1c1f;
    --openbitfun-color-action-primary-pressed: #000000;
    --openbitfun-color-action-quiet-content: rgba(0, 0, 0, 0.60);
    --openbitfun-color-action-quiet-hover: #f3f3f5;
    --openbitfun-color-action-quiet-pressed: rgba(16, 26, 39, 0.09);
    --openbitfun-color-action-secondary-background: #f3f3f5;
    --openbitfun-color-action-secondary-content: rgba(0, 0, 0, 0.80);
    --openbitfun-color-action-secondary-hover: rgba(16, 26, 39, 0.09);
    --openbitfun-color-action-secondary-pressed: rgba(16, 26, 39, 0.13);
    --openbitfun-color-action-card-background: rgba(0, 0, 0, 0.03);
    --openbitfun-color-border-default: rgba(16, 26, 39, 0.15);
    --openbitfun-color-border-strong: rgba(16, 26, 39, 0.34);
    --openbitfun-color-border-subtle: rgba(16, 26, 39, 0.08);
    --openbitfun-color-code-change-added: #1aa73e;
    --openbitfun-color-code-change-removed: #ec221f;
    --openbitfun-color-code-diff-added-gutter: #effbf8;
    --openbitfun-color-code-diff-added-line: #eaf9f5;
    --openbitfun-color-code-diff-added-marker: #00cab1;
    --openbitfun-color-code-diff-added-word: #c7f2eb;
    --openbitfun-color-code-diff-foreground: #090909;
    --openbitfun-color-code-diff-gutter-border: #ffffff;
    --openbitfun-color-code-diff-line-number: #555555;
    --openbitfun-color-code-diff-removed-gutter: #ffefec;
    --openbitfun-color-code-diff-removed-line: #ffeae6;
    --openbitfun-color-code-diff-removed-marker: #ff2e3f;
    --openbitfun-color-code-diff-removed-word: #ffcecd;
    --openbitfun-color-code-diff-syntax-comment: #858585;
    --openbitfun-color-code-diff-syntax-declaration: #c635e4;
    --openbitfun-color-code-diff-syntax-function: #7b43f8;
    --openbitfun-color-code-diff-syntax-keyword: #fc2b73;
    --openbitfun-color-code-diff-syntax-number: #1ca1c7;
    --openbitfun-color-code-diff-syntax-operator: #08c0ef;
    --openbitfun-color-code-diff-syntax-property: #d47628;
    --openbitfun-color-code-diff-syntax-punctuation: #77777a;
    --openbitfun-color-code-diff-syntax-string: #199f43;
    --openbitfun-color-code-diff-syntax-variable: #d5a910;
    --openbitfun-color-composer-border: rgba(0, 0, 0, 0.08);
    --openbitfun-color-composer-context-background: rgba(0, 0, 0, 0.03);
    --openbitfun-color-content-caption: rgba(0, 0, 0, 0.40);
    --openbitfun-color-content-disabled: rgba(0, 0, 0, 0.30);
    --openbitfun-color-content-inverse: #ffffff;
    --openbitfun-color-content-muted: #6a6a6a;
    --openbitfun-color-content-on-dark: #ffffff;
    --openbitfun-color-content-on-light: #000000;
    --openbitfun-color-content-primary: rgba(0, 0, 0, 0.80);
    --openbitfun-color-content-required-indicator: #059cb0;
    --openbitfun-color-content-secondary: rgba(0, 0, 0, 0.60);
    --openbitfun-color-control-highlight-background: #059cb0;
    --openbitfun-color-control-highlight-content: #000000;
    --openbitfun-color-control-launcher-background: rgba(0, 0, 0, 0.08);
    --openbitfun-color-control-launcher-background-hover: color-mix(in srgb, #059cb0 20%, transparent);
    --openbitfun-color-control-launcher-background-pressed: color-mix(in srgb, #059cb0 30%, transparent);
    --openbitfun-color-control-launcher-content: rgba(0, 0, 0, 0.80);
    --openbitfun-color-control-launcher-content-disabled: rgba(0, 0, 0, 0.30);
    --openbitfun-color-control-launcher-content-hover: #059cb0;
    --openbitfun-color-control-launcher-content-pressed: #059cb0;
    --openbitfun-color-control-switch-thumb: #ffffff;
    --openbitfun-color-control-switch-track: rgba(0, 0, 0, 0.10);
    --openbitfun-color-control-switch-track-checked: #059cb0;
    --openbitfun-color-field-background: #ffffff;
    --openbitfun-color-field-background-hover: #ffffff;
    --openbitfun-color-field-border: rgba(0, 0, 0, 0.08);
    --openbitfun-color-field-border-active: rgba(0, 0, 0, 0.20);
    --openbitfun-color-field-border-focus: #858585;
    --openbitfun-color-field-border-hover: rgba(0, 0, 0, 0.20);
    --openbitfun-color-field-group-background: rgba(0, 0, 0, 0.03);
    --openbitfun-color-field-placeholder: rgba(0, 0, 0, 0.40);
    --openbitfun-color-focus-ring: #6a6a6a;
    --openbitfun-color-identity-assistant-border: color-mix(in srgb, #db2777 15%, transparent);
    --openbitfun-color-identity-assistant-content: #db2777;
    --openbitfun-color-identity-assistant-content-hover: #be185d;
    --openbitfun-color-identity-assistant-surface: color-mix(in srgb, #db2777 9%, transparent);
    --openbitfun-color-identity-assistant-surface-subtle: color-mix(in srgb, #db2777 5%, transparent);
    --openbitfun-color-identity-global-search-new-project: #3271d7;
    --openbitfun-color-identity-global-search-new-session: #ec221f;
    --openbitfun-color-identity-global-search-open-browser: #ff8c00;
    --openbitfun-color-identity-global-search-open-files: #9e54ff;
    --openbitfun-color-identity-global-search-open-project: #059cb0;
    --openbitfun-color-identity-global-search-open-terminal: rgba(0, 0, 0, 0.80);
    --openbitfun-color-identity-harness-creative: #2e7eff;
    --openbitfun-color-identity-harness-minimal: #b434ef;
    --openbitfun-color-identity-harness-standard: #1aa73e;
    --openbitfun-color-identity-harness-ultimate: #ff8c00;
    --openbitfun-color-key-hint-background: rgba(0, 0, 0, 0.08);
    --openbitfun-color-key-hint-content: rgba(0, 0, 0, 0.60);
    --openbitfun-color-link-default: #059cb0;
    --openbitfun-color-link-hover: #07879a;
    --openbitfun-color-number-badge-background: rgba(0, 0, 0, 0.08);
    --openbitfun-color-overlay-scrim: rgba(16, 26, 39, 0.20);
    --openbitfun-color-scrollbar-thumb: rgba(0, 0, 0, 0.20);
    --openbitfun-color-scrollbar-thumb-hover: rgba(0, 0, 0, 0.30);
    --openbitfun-color-selection-surface: rgba(0, 0, 0, 0.08);
    --openbitfun-color-status-danger-border: rgba(236, 34, 31, 0.3);
    --openbitfun-color-status-danger-content: #bd1b19;
    --openbitfun-color-status-danger-emphasis: #ec221f;
    --openbitfun-color-status-danger-surface: rgba(236, 34, 31, 0.1);
    --openbitfun-color-status-info-border: rgba(46, 126, 255, 0.3);
    --openbitfun-color-status-info-content: #2360c2;
    --openbitfun-color-status-info-emphasis: #2e7eff;
    --openbitfun-color-status-info-surface: rgba(46, 126, 255, 0.1);
    --openbitfun-color-status-success-border: rgba(26, 167, 62, 0.3);
    --openbitfun-color-status-success-content: #12722a;
    --openbitfun-color-status-success-emphasis: #1aa73e;
    --openbitfun-color-status-success-surface: rgba(26, 167, 62, 0.1);
    --openbitfun-color-status-warning-border: rgba(255, 140, 0, 0.3);
    --openbitfun-color-status-warning-content: #8a4c00;
    --openbitfun-color-status-warning-emphasis: #ff8c00;
    --openbitfun-color-status-warning-surface: rgba(255, 140, 0, 0.1);
    --openbitfun-color-surface-canvas: #fdfdfd;
    --openbitfun-color-surface-chrome: #f8f8f9;
    --openbitfun-color-surface-panel: #ffffff;
    --openbitfun-color-surface-raised: #ffffff;
    --openbitfun-color-surface-scene: #ffffff;
    --openbitfun-color-surface-subtle: rgba(16, 26, 39, 0.03);
    --openbitfun-color-surface-tertiary: #f7f7f7;
    --openbitfun-color-surface-workbench: #f3f3f5;
    --openbitfun-component-button-content: rgba(0, 0, 0, 0.80);
    --openbitfun-component-button-fill-background: rgba(0, 0, 0, 0.08);
    --openbitfun-component-button-fill-background-hover: rgba(0, 0, 0, 0.08);
    --openbitfun-component-button-fill-background-pressed: rgba(0, 0, 0, 0.08);
    --openbitfun-component-button-outline-border: rgba(0, 0, 0, 0.08);
    --openbitfun-component-button-outline-border-interactive: rgba(0, 0, 0, 0.08);
    --openbitfun-component-button-primary-background: rgba(0, 0, 0, 0.80);
    --openbitfun-component-button-primary-background-hover: rgba(0, 0, 0, 0.60);
    --openbitfun-component-button-primary-background-pressed: rgba(0, 0, 0, 0.90);
    --openbitfun-component-button-primary-content-disabled: rgba(0, 0, 0, 0.20);
    --openbitfun-component-button-text-content: #059cb0;
    --openbitfun-component-button-text-content-disabled: rgba(5, 156, 176, 0.30);
    --openbitfun-component-button-text-content-hover: #059cb0;
    --openbitfun-component-empty-media: color-mix(in srgb, #6a6a6a 35%, #f7f7f7);
    --openbitfun-effect-blur-base: blur(8px) saturate(1.05);
    --openbitfun-effect-blur-medium: blur(12px) saturate(1.2);
    --openbitfun-effect-blur-subtle: blur(4px) saturate(1.02);
    --openbitfun-opacity-disabled: 0.55;
    --openbitfun-opacity-focus: 0.9;
    --openbitfun-opacity-hover: 0.75;
    --openbitfun-opacity-muted: 0.75;
    --openbitfun-shadow-accent-glow: 0 12px 32px color-mix(in srgb, #059cb0 25%, transparent), 0 6px 16px color-mix(in srgb, #059cb0 18%, transparent), 0 3px 8px rgba(0, 0, 0, 0.12);
    --openbitfun-shadow-base: 0 4px 8px rgba(16, 26, 39, 0.07);
    --openbitfun-shadow-composer: 0 2px 12px rgba(0, 0, 0, 0.08);
    --openbitfun-shadow-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    --openbitfun-shadow-inner-highlight-hover: inset 0 1px 0 rgba(255, 255, 255, 0.24);
    --openbitfun-shadow-lg: 0 8px 16px rgba(16, 26, 39, 0.09);
    --openbitfun-shadow-menu: 0 4px 20px rgba(0, 0, 0, 0.12);
    --openbitfun-shadow-overlay: 0 4px 20px rgba(0, 0, 0, 0.12);
    --openbitfun-shadow-raised: 0 2px 4px rgba(16, 26, 39, 0.055);
    --openbitfun-shadow-sm: 0 2px 4px rgba(16, 26, 39, 0.055);
    --openbitfun-shadow-xl: 0 12px 24px rgba(16, 26, 39, 0.11);
    --openbitfun-shadow-xs: 0 1px 2px rgba(16, 26, 39, 0.04);
  }
}

@layer openbitfun.tokens.theme {
  :where([data-openbitfun-design-system-root][data-color-scheme="dark"]) {
    --openbitfun-color-accent-border: color-mix(in srgb, #60a5fa 40%, transparent);
    --openbitfun-color-accent-border-subtle: color-mix(in srgb, #60a5fa 25%, transparent);
    --openbitfun-color-accent-default: #60a5fa;
    --openbitfun-color-accent-disabled: rgba(96, 165, 250, 0.30);
    --openbitfun-color-accent-hover: #3b82f6;
    --openbitfun-color-accent-secondary: #8b5cf6;
    --openbitfun-color-accent-secondary-border: color-mix(in srgb, #8b5cf6 25%, transparent);
    --openbitfun-color-accent-secondary-hover: #7c6b99;
    --openbitfun-color-accent-secondary-surface: color-mix(in srgb, #8b5cf6 9%, transparent);
    --openbitfun-color-accent-secondary-surface-strong: color-mix(in srgb, #8b5cf6 15%, transparent);
    --openbitfun-color-accent-surface: color-mix(in srgb, #60a5fa 9%, transparent);
    --openbitfun-color-accent-surface-strong: color-mix(in srgb, #60a5fa 15%, transparent);
    --openbitfun-color-accent-surface-subtle: color-mix(in srgb, #60a5fa 5%, transparent);
    --openbitfun-color-action-neutral-border: rgba(255, 255, 255, 0.18);
    --openbitfun-color-action-neutral-content: #b0b0b0;
    --openbitfun-color-action-neutral-content-disabled: #555555;
    --openbitfun-color-action-neutral-fill-border: rgba(255, 255, 255, 0.1);
    --openbitfun-color-action-neutral-surface: rgba(255, 255, 255, 0.1);
    --openbitfun-color-action-neutral-surface-hover: rgba(255, 255, 255, 0.12);
    --openbitfun-color-action-neutral-surface-pressed: rgba(255, 255, 255, 0.15);
    --openbitfun-color-action-primary-background: rgba(255, 255, 255, 0.16);
    --openbitfun-color-action-primary-content: #f3f3f5;
    --openbitfun-color-action-primary-hover: rgba(255, 255, 255, 0.24);
    --openbitfun-color-action-primary-pressed: rgba(255, 255, 255, 0.2);
    --openbitfun-color-action-quiet-content: #b0b0b0;
    --openbitfun-color-action-quiet-hover: rgba(255, 255, 255, 0.06);
    --openbitfun-color-action-quiet-pressed: rgba(255, 255, 255, 0.1);
    --openbitfun-color-action-secondary-background: rgba(255, 255, 255, 0.06);
    --openbitfun-color-action-secondary-content: #e8e8e8;
    --openbitfun-color-action-secondary-hover: rgba(255, 255, 255, 0.1);
    --openbitfun-color-action-secondary-pressed: rgba(255, 255, 255, 0.12);
    --openbitfun-color-action-card-background: rgba(255, 255, 255, 0.1);
    --openbitfun-color-border-default: rgba(255, 255, 255, 0.18);
    --openbitfun-color-border-strong: rgba(255, 255, 255, 0.3);
    --openbitfun-color-border-subtle: rgba(255, 255, 255, 0.12);
    --openbitfun-color-code-change-added: #1aa73e;
    --openbitfun-color-code-change-removed: #ec221f;
    --openbitfun-color-code-diff-added-gutter: color-mix(in srgb, #00cab1 5%, #1c1c1f);
    --openbitfun-color-code-diff-added-line: color-mix(in srgb, #00cab1 8%, #1c1c1f);
    --openbitfun-color-code-diff-added-marker: #00cab1;
    --openbitfun-color-code-diff-added-word: color-mix(in srgb, #00cab1 22%, #1c1c1f);
    --openbitfun-color-code-diff-foreground: #e8e8e8;
    --openbitfun-color-code-diff-gutter-border: #1c1c1f;
    --openbitfun-color-code-diff-line-number: #b0b0b0;
    --openbitfun-color-code-diff-removed-gutter: color-mix(in srgb, #ff2e3f 5%, #1c1c1f);
    --openbitfun-color-code-diff-removed-line: color-mix(in srgb, #ff2e3f 8%, #1c1c1f);
    --openbitfun-color-code-diff-removed-marker: #ff2e3f;
    --openbitfun-color-code-diff-removed-word: color-mix(in srgb, #ff2e3f 22%, #1c1c1f);
    --openbitfun-color-code-diff-syntax-comment: #9a9a9a;
    --openbitfun-color-code-diff-syntax-declaration: #d568ea;
    --openbitfun-color-code-diff-syntax-function: #9d6afb;
    --openbitfun-color-code-diff-syntax-keyword: #ff678d;
    --openbitfun-color-code-diff-syntax-number: #7cdee9;
    --openbitfun-color-code-diff-syntax-operator: #08c0ef;
    --openbitfun-color-code-diff-syntax-property: #ffa359;
    --openbitfun-color-code-diff-syntax-punctuation: #b0b0b0;
    --openbitfun-color-code-diff-syntax-string: #34d399;
    --openbitfun-color-code-diff-syntax-variable: #ffcc00;
    --openbitfun-color-composer-border: rgba(255, 255, 255, 0.18);
    --openbitfun-color-composer-context-background: rgba(255, 255, 255, 0.06);
    --openbitfun-color-content-caption: #858585;
    --openbitfun-color-content-disabled: #555555;
    --openbitfun-color-content-inverse: #0e0e10;
    --openbitfun-color-content-muted: #858585;
    --openbitfun-color-content-on-dark: #ffffff;
    --openbitfun-color-content-on-light: #000000;
    --openbitfun-color-content-primary: #e8e8e8;
    --openbitfun-color-content-required-indicator: #059cb0;
    --openbitfun-color-content-secondary: #b0b0b0;
    --openbitfun-color-control-highlight-background: #059cb0;
    --openbitfun-color-control-highlight-content: #000000;
    --openbitfun-color-control-launcher-background: rgba(255, 255, 255, 0.15);
    --openbitfun-color-control-launcher-background-hover: color-mix(in srgb, #059cb0 20%, transparent);
    --openbitfun-color-control-launcher-background-pressed: color-mix(in srgb, #059cb0 30%, transparent);
    --openbitfun-color-control-launcher-content: #b0b0b0;
    --openbitfun-color-control-launcher-content-disabled: #555555;
    --openbitfun-color-control-launcher-content-hover: #059cb0;
    --openbitfun-color-control-launcher-content-pressed: #059cb0;
    --openbitfun-color-control-switch-thumb: #ffffff;
    --openbitfun-color-control-switch-track: #555555;
    --openbitfun-color-control-switch-track-checked: #059cb0;
    --openbitfun-color-field-background: #1c1c1f;
    --openbitfun-color-field-background-hover: rgba(255, 255, 255, 0.06);
    --openbitfun-color-field-border: rgba(255, 255, 255, 0.18);
    --openbitfun-color-field-border-active: #858585;
    --openbitfun-color-field-border-focus: #858585;
    --openbitfun-color-field-border-hover: rgba(255, 255, 255, 0.24);
    --openbitfun-color-field-group-background: #0e0e10;
    --openbitfun-color-field-placeholder: #858585;
    --openbitfun-color-focus-ring: #60a5fa;
    --openbitfun-color-identity-assistant-border: color-mix(in srgb, #ec4899 15%, transparent);
    --openbitfun-color-identity-assistant-content: #ec4899;
    --openbitfun-color-identity-assistant-content-hover: #f472b6;
    --openbitfun-color-identity-assistant-surface: color-mix(in srgb, #ec4899 9%, transparent);
    --openbitfun-color-identity-assistant-surface-subtle: color-mix(in srgb, #ec4899 5%, transparent);
    --openbitfun-color-identity-global-search-new-project: #3271d7;
    --openbitfun-color-identity-global-search-new-session: #ec221f;
    --openbitfun-color-identity-global-search-open-browser: #ff8c00;
    --openbitfun-color-identity-global-search-open-files: #9e54ff;
    --openbitfun-color-identity-global-search-open-project: #059cb0;
    --openbitfun-color-identity-global-search-open-terminal: #b0b0b0;
    --openbitfun-color-identity-harness-creative: #2e7eff;
    --openbitfun-color-identity-harness-minimal: #b434ef;
    --openbitfun-color-identity-harness-standard: #1aa73e;
    --openbitfun-color-identity-harness-ultimate: #ff8c00;
    --openbitfun-color-key-hint-background: rgba(255, 255, 255, 0.1);
    --openbitfun-color-key-hint-content: #858585;
    --openbitfun-color-link-default: #059cb0;
    --openbitfun-color-link-hover: #36c6d7;
    --openbitfun-color-number-badge-background: rgba(255, 255, 255, 0.1);
    --openbitfun-color-overlay-scrim: rgba(0, 0, 0, 0.56);
    --openbitfun-color-scrollbar-thumb: rgba(255, 255, 255, 0.20);
    --openbitfun-color-scrollbar-thumb-hover: rgba(255, 255, 255, 0.30);
    --openbitfun-color-selection-surface: rgba(255, 255, 255, 0.12);
    --openbitfun-color-status-danger-border: rgba(236, 34, 31, 0.3);
    --openbitfun-color-status-danger-content: #f47f7d;
    --openbitfun-color-status-danger-emphasis: #ec221f;
    --openbitfun-color-status-danger-surface: rgba(236, 34, 31, 0.1);
    --openbitfun-color-status-info-border: rgba(46, 126, 255, 0.3);
    --openbitfun-color-status-info-content: #7dafff;
    --openbitfun-color-status-info-emphasis: #2e7eff;
    --openbitfun-color-status-info-surface: rgba(46, 126, 255, 0.1);
    --openbitfun-color-status-success-border: rgba(26, 167, 62, 0.3);
    --openbitfun-color-status-success-content: #5fc178;
    --openbitfun-color-status-success-emphasis: #1aa73e;
    --openbitfun-color-status-success-surface: rgba(26, 167, 62, 0.1);
    --openbitfun-color-status-warning-border: rgba(255, 140, 0, 0.3);
    --openbitfun-color-status-warning-content: #ff930f;
    --openbitfun-color-status-warning-emphasis: #ff8c00;
    --openbitfun-color-status-warning-surface: rgba(255, 140, 0, 0.1);
    --openbitfun-color-surface-canvas: #0e0e10;
    --openbitfun-color-surface-chrome: #0e0e10;
    --openbitfun-color-surface-panel: #1c1c1f;
    --openbitfun-color-surface-raised: #1c1c1f;
    --openbitfun-color-surface-scene: #1c1c1f;
    --openbitfun-color-surface-subtle: rgba(255, 255, 255, 0.06);
    --openbitfun-color-surface-tertiary: #0e0e10;
    --openbitfun-color-surface-workbench: #0e0e10;
    --openbitfun-component-button-content: #b0b0b0;
    --openbitfun-component-button-fill-background: rgba(255, 255, 255, 0.1);
    --openbitfun-component-button-fill-background-hover: rgba(255, 255, 255, 0.12);
    --openbitfun-component-button-fill-background-pressed: rgba(255, 255, 255, 0.15);
    --openbitfun-component-button-outline-border: rgba(255, 255, 255, 0.18);
    --openbitfun-component-button-outline-border-interactive: rgba(255, 255, 255, 0.18);
    --openbitfun-component-button-primary-background: rgba(255, 255, 255, 0.16);
    --openbitfun-component-button-primary-background-hover: rgba(255, 255, 255, 0.24);
    --openbitfun-component-button-primary-background-pressed: rgba(255, 255, 255, 0.2);
    --openbitfun-component-button-primary-content-disabled: #555555;
    --openbitfun-component-button-text-content: #60a5fa;
    --openbitfun-component-button-text-content-disabled: rgba(96, 165, 250, 0.30);
    --openbitfun-component-button-text-content-hover: #3b82f6;
    --openbitfun-component-empty-media: color-mix(in srgb, #858585 35%, #0e0e10);
    --openbitfun-effect-blur-base: blur(8px) saturate(1.1);
    --openbitfun-effect-blur-medium: blur(12px) saturate(1.2);
    --openbitfun-effect-blur-subtle: blur(4px) saturate(1.05);
    --openbitfun-opacity-disabled: 0.6;
    --openbitfun-opacity-focus: 0.9;
    --openbitfun-opacity-hover: 0.8;
    --openbitfun-opacity-muted: 0.8;
    --openbitfun-shadow-accent-glow: 0 12px 32px color-mix(in srgb, #3b82f6 25%, transparent), 0 6px 16px color-mix(in srgb, #60a5fa 18%, transparent), 0 3px 8px rgba(0, 0, 0, 0.12);
    --openbitfun-shadow-base: 0 4px 8px rgba(0, 0, 0, 0.7);
    --openbitfun-shadow-composer: 0 2px 6px rgba(0, 0, 0, 0.32);
    --openbitfun-shadow-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    --openbitfun-shadow-inner-highlight-hover: inset 0 1px 0 rgba(255, 255, 255, 0.24);
    --openbitfun-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.6);
    --openbitfun-shadow-menu: 0 4px 10px rgba(0, 0, 0, 0.48);
    --openbitfun-shadow-overlay: 0 4px 20px rgba(0, 0, 0, 0.48);
    --openbitfun-shadow-raised: 0 2px 4px rgba(0, 0, 0, 0.8);
    --openbitfun-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.8);
    --openbitfun-shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.5);
    --openbitfun-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.9);
  }
}

@layer openbitfun.tokens.theme {
  :where([data-openbitfun-design-system-root][data-color-scheme="light"][data-contrast="high"]) {
    --openbitfun-color-action-neutral-border: #000000;
    --openbitfun-color-action-neutral-content: #000000;
    --openbitfun-color-action-neutral-content-disabled: #343434;
    --openbitfun-color-action-neutral-fill-border: #000000;
    --openbitfun-color-action-neutral-surface: #e6e6e6;
    --openbitfun-color-action-neutral-surface-hover: #cccccc;
    --openbitfun-color-action-neutral-surface-pressed: #b3b3b3;
    --openbitfun-color-action-primary-background: #000000;
    --openbitfun-color-action-primary-hover: #262626;
    --openbitfun-color-action-quiet-content: #161616;
    --openbitfun-color-action-secondary-content: #000000;
    --openbitfun-color-action-card-background: #e6e6e6;
    --openbitfun-color-border-default: #3b3b3b;
    --openbitfun-color-border-strong: #000000;
    --openbitfun-color-border-subtle: #707070;
    --openbitfun-color-composer-border: #3b3b3b;
    --openbitfun-color-composer-context-background: rgba(16, 26, 39, 0.03);
    --openbitfun-color-content-caption: #343434;
    --openbitfun-color-content-muted: #343434;
    --openbitfun-color-content-primary: #000000;
    --openbitfun-color-content-required-indicator: #005fcc;
    --openbitfun-color-content-secondary: #161616;
    --openbitfun-color-control-highlight-background: #005fcc;
    --openbitfun-color-control-highlight-content: #ffffff;
    --openbitfun-color-control-launcher-background: #cccccc;
    --openbitfun-color-control-launcher-background-hover: color-mix(in srgb, #005fcc 20%, transparent);
    --openbitfun-color-control-launcher-background-pressed: color-mix(in srgb, #005fcc 30%, transparent);
    --openbitfun-color-control-launcher-content: #000000;
    --openbitfun-color-control-launcher-content-disabled: #343434;
    --openbitfun-color-control-launcher-content-hover: #005fcc;
    --openbitfun-color-control-launcher-content-pressed: #005fcc;
    --openbitfun-color-control-switch-track: #3b3b3b;
    --openbitfun-color-control-switch-track-checked: #005fcc;
    --openbitfun-color-field-border: #3b3b3b;
    --openbitfun-color-field-border-active: #005fcc;
    --openbitfun-color-field-border-focus: #005fcc;
    --openbitfun-color-field-border-hover: #000000;
    --openbitfun-color-field-group-background: #f7f7f7;
    --openbitfun-color-field-placeholder: #343434;
    --openbitfun-color-focus-ring: #005fcc;
    --openbitfun-color-identity-global-search-open-terminal: #000000;
    --openbitfun-color-key-hint-background: #cccccc;
    --openbitfun-color-key-hint-content: #343434;
    --openbitfun-color-link-default: #0a6d7d;
    --openbitfun-color-link-hover: #0d5764;
    --openbitfun-color-number-badge-background: #e6e6e6;
    --openbitfun-color-selection-surface: #cccccc;
    --openbitfun-color-status-danger-content: #8e1413;
    --openbitfun-color-status-info-content: #1c4c99;
    --openbitfun-color-status-success-content: #0d541f;
    --openbitfun-color-status-warning-content: #663800;
    --openbitfun-color-status-warning-surface: rgba(255, 140, 0, 0.04);
    --openbitfun-color-surface-canvas: #ffffff;
    --openbitfun-component-button-content: #000000;
    --openbitfun-component-button-fill-background: #e6e6e6;
    --openbitfun-component-button-fill-background-hover: #cccccc;
    --openbitfun-component-button-fill-background-pressed: #b3b3b3;
    --openbitfun-component-button-outline-border: #000000;
    --openbitfun-component-button-outline-border-interactive: #000000;
    --openbitfun-component-button-primary-background: #000000;
    --openbitfun-component-button-primary-background-hover: #262626;
    --openbitfun-component-button-primary-background-pressed: #000000;
    --openbitfun-component-button-primary-content-disabled: #343434;
    --openbitfun-component-empty-media: color-mix(in srgb, #343434 35%, #f7f7f7);
  }
}

@layer openbitfun.tokens.theme {
  :where([data-openbitfun-design-system-root][data-color-scheme="dark"][data-contrast="high"]) {
    --openbitfun-color-action-neutral-border: #ffffff;
    --openbitfun-color-action-neutral-content: #ffffff;
    --openbitfun-color-action-neutral-content-disabled: #d0d0d0;
    --openbitfun-color-action-neutral-fill-border: #ffffff;
    --openbitfun-color-action-neutral-surface: #343434;
    --openbitfun-color-action-neutral-surface-hover: #505050;
    --openbitfun-color-action-neutral-surface-pressed: #6b6b6b;
    --openbitfun-color-action-primary-background: #ffffff;
    --openbitfun-color-action-primary-content: #000000;
    --openbitfun-color-action-primary-hover: #e6e6e6;
    --openbitfun-color-action-primary-pressed: #ffffff;
    --openbitfun-color-action-card-background: #343434;
    --openbitfun-color-border-default: #b5b5b5;
    --openbitfun-color-border-strong: #ffffff;
    --openbitfun-color-border-subtle: #8a8a8a;
    --openbitfun-color-code-diff-added-gutter: color-mix(in srgb, #00cab1 5%, #090909);
    --openbitfun-color-code-diff-added-line: color-mix(in srgb, #00cab1 8%, #090909);
    --openbitfun-color-code-diff-added-word: color-mix(in srgb, #00cab1 22%, #090909);
    --openbitfun-color-code-diff-foreground: #ffffff;
    --openbitfun-color-code-diff-gutter-border: #090909;
    --openbitfun-color-code-diff-removed-gutter: color-mix(in srgb, #ff2e3f 5%, #090909);
    --openbitfun-color-code-diff-removed-line: color-mix(in srgb, #ff2e3f 8%, #090909);
    --openbitfun-color-code-diff-removed-word: color-mix(in srgb, #ff2e3f 22%, #090909);
    --openbitfun-color-composer-border: #b5b5b5;
    --openbitfun-color-content-caption: #d0d0d0;
    --openbitfun-color-content-muted: #d0d0d0;
    --openbitfun-color-content-primary: #ffffff;
    --openbitfun-color-content-required-indicator: #ffcc00;
    --openbitfun-color-content-secondary: #f0f0f0;
    --openbitfun-color-control-highlight-background: #ffcc00;
    --openbitfun-color-control-launcher-background: #6b6b6b;
    --openbitfun-color-control-launcher-background-hover: color-mix(in srgb, #ffcc00 20%, transparent);
    --openbitfun-color-control-launcher-background-pressed: color-mix(in srgb, #ffcc00 30%, transparent);
    --openbitfun-color-control-launcher-content: #ffffff;
    --openbitfun-color-control-launcher-content-disabled: #d0d0d0;
    --openbitfun-color-control-launcher-content-hover: #ffcc00;
    --openbitfun-color-control-launcher-content-pressed: #ffcc00;
    --openbitfun-color-control-switch-thumb: #000000;
    --openbitfun-color-control-switch-track: #b5b5b5;
    --openbitfun-color-control-switch-track-checked: #ffcc00;
    --openbitfun-color-field-border: #b5b5b5;
    --openbitfun-color-field-border-active: #ffcc00;
    --openbitfun-color-field-border-focus: #ffcc00;
    --openbitfun-color-field-border-hover: #ffffff;
    --openbitfun-color-field-group-background: #000000;
    --openbitfun-color-field-placeholder: #d0d0d0;
    --openbitfun-color-focus-ring: #ffcc00;
    --openbitfun-color-identity-global-search-open-terminal: #ffffff;
    --openbitfun-color-key-hint-background: #343434;
    --openbitfun-color-key-hint-content: #d0d0d0;
    --openbitfun-color-link-default: #7cdee9;
    --openbitfun-color-link-hover: #b4eff5;
    --openbitfun-color-number-badge-background: #343434;
    --openbitfun-color-selection-surface: #505050;
    --openbitfun-color-status-danger-content: #f7a7a5;
    --openbitfun-color-status-info-content: #abcbff;
    --openbitfun-color-status-success-content: #afe0bb;
    --openbitfun-color-status-warning-content: #ffa940;
    --openbitfun-color-status-warning-surface: rgba(255, 140, 0, 0.04);
    --openbitfun-color-surface-canvas: #000000;
    --openbitfun-color-surface-chrome: #000000;
    --openbitfun-color-surface-panel: #090909;
    --openbitfun-color-surface-scene: #090909;
    --openbitfun-color-surface-tertiary: #000000;
    --openbitfun-color-surface-workbench: #000000;
    --openbitfun-component-button-content: #ffffff;
    --openbitfun-component-button-fill-background: #343434;
    --openbitfun-component-button-fill-background-hover: #505050;
    --openbitfun-component-button-fill-background-pressed: #6b6b6b;
    --openbitfun-component-button-outline-border: #ffffff;
    --openbitfun-component-button-outline-border-interactive: #ffffff;
    --openbitfun-component-button-primary-background: #ffffff;
    --openbitfun-component-button-primary-background-hover: #e6e6e6;
    --openbitfun-component-button-primary-background-pressed: #ffffff;
    --openbitfun-component-button-primary-content-disabled: #d0d0d0;
    --openbitfun-component-empty-media: color-mix(in srgb, #d0d0d0 35%, #000000);
  }
}