/* Calculus — generated from tokens.json */
:root, [data-theme="dark"] {
  --surface: var(--background); /* Page and app ground; the only ground body text sits on. */
  --surface-raised: var(--elevated_surface-background); /* Menus, popovers, dialogs, cards that float. Same value as `surface`: separate with `line`, not shade. */
  --surface-subtle: var(--scrollbar-track-background); /* Quiet opaque band: table stripes, wells, code blocks, sidebars that need a hint of separation. */
  --ink: var(--text); /* Body copy and primary labels on `surface`, `surface-raised` and `surface-subtle`. */
  --ink-strong: var(--editor-active_line_number); /* Headings and the one most important figure on a screen (pure white / pure black). */
  --ink-muted: var(--text-muted); /* Secondary text: captions, metadata, helper text, on any surface. */
  --ink-subtle: var(--text-placeholder); /* Placeholder text and decorative labels only; below 4.5:1 in both themes, never for information. */
  --ink-disabled: var(--text-disabled); /* Text of disabled controls. */
  --link: var(--text-accent); /* Inline links and text buttons on `surface`. */
  --line: var(--border); /* Default 1px divider and card/panel outline. */
  --line-subtle: var(--border-variant); /* Dividers inside a card or list. */
  --control: var(--element-background); /* Resting fill of buttons, inputs, chips and segmented controls. */
  --control-hover: var(--element-hover); /* Filled control under the pointer. */
  --control-active: var(--element-active); /* Filled control while pressed. */
  --control-selected: var(--element-selected); /* Selected or toggled-on control, selected row in a list. */
  --control-ghost-hover: var(--ghost_element-hover); /* Hover fill for borderless controls: menu items, icon buttons, nav links. */
  --accent: var(--text-accent); /* The one brand hue: primary button fill, active nav marker, progress, toggles on. */
  --on-accent: var(--background); /* Text and icons on an `accent` fill: black in dark (white on the dark accent fails 4.5:1), white in light. */
  --focus: var(--text-accent); /* Focus ring, 2px solid, on every focusable element. Chosen over the source's dark `border-focused` navy, which is 1.6:1 on black. */
  --selection: var(--player-0-selection); /* Translucent fill behind selected text or a selected region. */
  --highlight: var(--search-match_background); /* Translucent mark on search hits and matched terms. */
  --highlight-strong: var(--search-active_match_background); /* The current or focused hit among highlights. */
  --scrim: var(--drop_target-background); /* Translucent overlay over a target region during drag-and-drop. */
  --data-1: var(--player-1-cursor); /* Categorical series 1 (cyan) for charts, tags and avatars; assign in order. Below 3:1 on `surface` (light 2.9:1): label it or outline it in `ink-muted`. */
  --data-2: var(--player-2-cursor); /* Categorical series 2 (orange) for charts, tags and avatars; assign in order. */
  --data-3: var(--player-3-cursor); /* Categorical series 3 (violet) for charts, tags and avatars; assign in order. */
  --data-4: var(--player-4-cursor); /* Categorical series 4 (mint) for charts, tags and avatars; assign in order. */
  --data-5: var(--player-5-cursor); /* Categorical series 5 (red) for charts, tags and avatars; assign in order. */
  --data-6: var(--player-6-cursor); /* Categorical series 6 (amber) for charts, tags and avatars; assign in order. */
  --data-7: var(--player-7-cursor); /* Categorical series 7 (lime) for charts, tags and avatars; assign in order. */
  --border: #3d3d3d; /* Default 1px divider between panes, panels and bars. */
  --border-variant: #3d3d3d; /* Secondary divider inside panels and lists. */
  --border-focused: #00386e; /* Border of the focused element or input. */
  --border-selected: #005478; /* Border of a selected element. */
  --border-transparent: #00000000; /* Placeholder border that keeps layout without showing a line. */
  --border-disabled: #3b3b3b; /* Border of disabled controls. */
  --elevated_surface-background: #000000; /* Popovers, menus, modals: anything floating above the page. */
  --surface-background: #000000; /* Grouped surfaces such as panels and sidebars. */
  --background: #000000; /* The app ground behind everything; the ground every text note below refers to. */
  --element-background: #1a1a1a; /* Resting fill of buttons, inputs and other filled controls. */
  --element-hover: #4a4a4a; /* Filled control under the pointer. */
  --element-active: #575757; /* Filled control while pressed. */
  --element-selected: #575757; /* Filled control that is selected or toggled on. */
  --element-disabled: #000000; /* Filled control that cannot be used. */
  --drop_target-background: #57000080; /* Translucent overlay on a valid drop target while dragging. */
  --ghost_element-background: #00000000; /* Resting fill of borderless (ghost) controls: transparent. */
  --ghost_element-hover: #696969; /* Ghost control under the pointer. */
  --ghost_element-active: #575757; /* Ghost control while pressed. */
  --ghost_element-selected: #575757; /* Ghost control that is selected. */
  --ghost_element-disabled: #242424; /* Ghost control that cannot be used. */
  --text: #c7c7c7; /* Primary UI text on `background` and every surface. */
  --text-muted: #949494; /* Secondary UI text: labels, metadata, inactive tabs. */
  --text-placeholder: #636363; /* Placeholder text inside empty inputs. Contrast on `background` below 4.5:1 (dark 3.5:1, light 3.2:1), kept as the source has it; use for large or non-essential text there. */
  --text-disabled: #525252; /* Text of disabled controls (exempt from contrast minimums). */
  --text-accent: #2b83ff; /* Accent text: links, highlighted matches, active labels. */
  --icon: #c7c7c7; /* Default icon ink. */
  --icon-muted: #949494; /* Secondary icons. */
  --icon-disabled: #525252; /* Icons on disabled controls. */
  --icon-placeholder: #9a9a98; /* Icons standing in for missing content. */
  --icon-accent: #2b83ff; /* Icons that carry the accent. */
  --status_bar-background: #000000; /* Bottom status bar. */
  --title_bar-background: #000000; /* Window title bar when focused. */
  --title_bar-inactive_background: #353944; /* Window title bar when the window is not focused. */
  --toolbar-background: #000000; /* Editor toolbar / breadcrumb row. */
  --tab_bar-background: #000000; /* Strip behind the tabs. */
  --tab-inactive_background: #000000; /* Inactive tab. */
  --tab-active_background: #000000; /* Active tab. */
  --search-match_background: #73cffe66; /* Every search match in the buffer. */
  --search-active_match_background: #fd722b66; /* The current search match. */
  --panel-background: #000000; /* Side and bottom panels. */
  --panel-focused_border: #00386e; /* Outline of the focused panel. */
  --pane-focused_border: #00386e; /* Outline of the focused split pane. */
  --scrollbar-thumb-background: #7a7a7a00; /* Scrollbar thumb background. */
  --scrollbar-thumb-hover_background: #000000; /* Scrollbar thumb hover background. */
  --scrollbar-thumb-border: #666666; /* Scrollbar thumb border. */
  --scrollbar-track-background: #121212; /* Scrollbar track background. */
  --scrollbar-track-border: #3d3d3d; /* Scrollbar track border. */
  --editor-foreground: #dedede; /* Default code text when no syntax token applies. */
  --editor-background: #000000; /* Code buffer ground. */
  --editor-gutter-background: #000000; /* Line-number gutter. */
  --editor-subheader-background: #000000; /* Multibuffer excerpt headers. */
  --editor-active_line-background: #121212; /* Row band behind the cursor's line. */
  --editor-highlighted_line-background: #121212; /* Row band behind highlighted lines. */
  --editor-line_number: #737373; /* Line numbers. */
  --editor-active_line_number: #ffffff; /* Line number of the cursor's line. */
  --editor-hover_line_number: #b2b6c8; /* Line number under the pointer. */
  --editor-invisible: #787a7c; /* Whitespace markers when invisibles are shown. */
  --editor-wrap_guide: #cccac20d; /* Vertical wrap/ruler guide. */
  --editor-active_wrap_guide: #cccac21a; /* Wrap guide of the active column. */
  --editor-document_highlight-read_background: #72cffe1a; /* Other read occurrences of the symbol under the cursor. */
  --editor-document_highlight-write_background: #787a7c66; /* Write occurrences of the symbol under the cursor. */
  --terminal-background: #000000; /* Terminal ground. */
  --terminal-foreground: #dedede; /* Default terminal text. */
  --terminal-bright_foreground: #cccac2; /* Bright terminal text. */
  --terminal-dim_foreground: #242835; /* Dim terminal text. */
  --terminal-ansi-black: #242835; /* Terminal ANSI black. */
  --terminal-ansi-bright_black: #67696e; /* Terminal ANSI bright black. */
  --terminal-ansi-dim_black: #cccac2; /* Terminal ANSI dim black. */
  --terminal-ansi-red: #f18779; /* Terminal ANSI red. */
  --terminal-ansi-bright_red: #833f3c; /* Terminal ANSI bright red. */
  --terminal-ansi-dim_red: #fec4ba; /* Terminal ANSI dim red. */
  --terminal-ansi-green: #d5fe80; /* Terminal ANSI green. */
  --terminal-ansi-bright_green: #75993c; /* Terminal ANSI bright green. */
  --terminal-ansi-dim_green: #ecffc1; /* Terminal ANSI dim green. */
  --terminal-ansi-yellow: #fecf72; /* Terminal ANSI yellow. */
  --terminal-ansi-bright_yellow: #937237; /* Terminal ANSI bright yellow. */
  --terminal-ansi-dim_yellow: #ffe7b9; /* Terminal ANSI dim yellow. */
  --terminal-ansi-blue: #72cffe; /* Terminal ANSI blue. */
  --terminal-ansi-bright_blue: #336d8d; /* Terminal ANSI bright blue. */
  --terminal-ansi-dim_blue: #c1e7ff; /* Terminal ANSI dim blue. */
  --terminal-ansi-magenta: #f05bd0; /* Terminal ANSI magenta. */
  --terminal-ansi-bright_magenta: #8a3c7e; /* Terminal ANSI bright magenta. */
  --terminal-ansi-dim_magenta: #f8bfed; /* Terminal ANSI dim magenta. */
  --terminal-ansi-cyan: #95e5cb; /* Terminal ANSI cyan. */
  --terminal-ansi-bright_cyan: #4c806f; /* Terminal ANSI bright cyan. */
  --terminal-ansi-dim_cyan: #cbf2e4; /* Terminal ANSI dim cyan. */
  --terminal-ansi-white: #cccac2; /* Terminal ANSI white. */
  --terminal-ansi-bright_white: #fafafa; /* Terminal ANSI bright white. */
  --terminal-ansi-dim_white: #898a8a; /* Terminal ANSI dim white. */
  --link_text-hover: #2b83ff; /* Link text under the pointer. */
  --conflict: #ff9300; /* Foreground (text, icon) for merge conflicts. Contrast on `background` below 4.5:1 (light 3.9:1), kept as the source has it; use for large or non-essential text there. */
  --conflict-background: #ffb900; /* Fill behind merge conflicts; pair with `conflict`. */
  --conflict-border: #765a29; /* Border around merge conflicts. */
  --created: #00ff6e; /* Foreground (text, icon) for added lines and files. Contrast on `background` below 4.5:1 (light 4.2:1), kept as the source has it; use for large or non-essential text there. */
  --created-background: #00612c; /* Fill behind added lines and files; pair with `created`. */
  --created-border: #b7ff00; /* Border around added lines and files. */
  --deleted: #ff3b1f; /* Foreground (text, icon) for removed lines and files. */
  --deleted-background: #630001; /* Fill behind removed lines and files; pair with `deleted`. */
  --deleted-border: #662e2d; /* Border around removed lines and files. */
  --error: #ff3d3d; /* Foreground (text, icon) for errors and failed diagnostics. */
  --error-background: #260002; /* Fill behind errors and failed diagnostics; pair with `error`. */
  --error-border: #000000; /* Border around errors and failed diagnostics. */
  --hidden: #525252; /* Foreground (text, icon) for hidden items. Contrast on `background` below 4.5:1 (dark 2.7:1, light 3.2:1), kept as the source has it; use for large or non-essential text there. */
  --hidden-background: #262626; /* Fill behind hidden items; pair with `hidden`. */
  --hidden-border: #454545; /* Border around hidden items. */
  --hint: #6bd3f2; /* Foreground (text, icon) for inline hints. */
  --hint-background: #001b29; /* Fill behind inline hints; pair with `hint`. */
  --hint-border: #000000; /* Border around inline hints. */
  --ignored: #525252; /* Foreground (text, icon) for git-ignored files. Contrast on `background` below 4.5:1 (dark 2.7:1, light 3.2:1), kept as the source has it; use for large or non-essential text there. */
  --ignored-background: #262626; /* Fill behind git-ignored files; pair with `ignored`. */
  --ignored-border: #454545; /* Border around git-ignored files. */
  --info: #5ca6ff; /* Foreground (text, icon) for informational diagnostics. */
  --info-background: #00173d; /* Fill behind informational diagnostics; pair with `info`. */
  --info-border: #000000; /* Border around informational diagnostics. */
  --modified: #ffd133; /* Foreground (text, icon) for changed lines and files. Contrast on `background` below 4.5:1 (light 3.8:1), kept as the source has it; use for large or non-essential text there. */
  --modified-background: #947300; /* Fill behind changed lines and files; pair with `modified`. */
  --modified-border: #765a29; /* Border around changed lines and files. */
  --predictive: #0091b0; /* Foreground (text, icon) for predictive/AI edit suggestions. */
  --predictive-background: #004d3f; /* Fill behind predictive/AI edit suggestions; pair with `predictive`. */
  --predictive-border: #00614f; /* Border around predictive/AI edit suggestions. */
  --renamed: #0098ff; /* Foreground (text, icon) for renamed files. */
  --renamed-background: #123950; /* Fill behind renamed files; pair with `renamed`. */
  --renamed-border: #24556f; /* Border around renamed files. */
  --success: #d5fe80; /* Foreground (text, icon) for success states. */
  --success-background: #426117; /* Fill behind success states; pair with `success`. */
  --success-border: #000000; /* Border around success states. */
  --unreachable: #525252; /* Foreground (text, icon) for unreachable code. Contrast on `background` below 4.5:1 (dark 2.7:1, light 3.2:1), kept as the source has it; use for large or non-essential text there. */
  --unreachable-background: #262626; /* Fill behind unreachable code; pair with `unreachable`. */
  --unreachable-border: #454545; /* Border around unreachable code. */
  --warning: #ffd92e; /* Foreground (text, icon) for warnings. Contrast on `background` below 4.5:1 (light 3.3:1), kept as the source has it; use for large or non-essential text there. */
  --warning-background: #472b12; /* Fill behind warnings; pair with `warning`. */
  --warning-border: #000000; /* Border around warnings. */
  --player-0-cursor: #ffffff; /* Collaboration: cursor for the local user. */
  --player-0-background: #000000; /* Collaboration: avatar/label fill for the local user. */
  --player-0-selection: #45454547; /* Collaboration: selection tint for the local user. */
  --player-1-cursor: #59e4ff; /* Collaboration: cursor for collaborator 1. */
  --player-1-background: #59e4ff; /* Collaboration: avatar/label fill for collaborator 1. */
  --player-1-selection: #5bcde53d; /* Collaboration: selection tint for collaborator 1. */
  --player-2-cursor: #ff7800; /* Collaboration: cursor for collaborator 2. */
  --player-2-background: #ff7600; /* Collaboration: avatar/label fill for collaborator 2. */
  --player-2-selection: #fead663d; /* Collaboration: selection tint for collaborator 2. */
  --player-3-cursor: #b05eff; /* Collaboration: cursor for collaborator 3. */
  --player-3-background: #b05eff; /* Collaboration: avatar/label fill for collaborator 3. */
  --player-3-selection: #debffe3d; /* Collaboration: selection tint for collaborator 3. */
  --player-4-cursor: #4affc3; /* Collaboration: cursor for collaborator 4. */
  --player-4-background: #4affc3; /* Collaboration: avatar/label fill for collaborator 4. */
  --player-4-selection: #95e5cb3d; /* Collaboration: selection tint for collaborator 4. */
  --player-5-cursor: #ff4833; /* Collaboration: cursor for collaborator 5. */
  --player-5-background: #ff4833; /* Collaboration: avatar/label fill for collaborator 5. */
  --player-5-selection: #f187793d; /* Collaboration: selection tint for collaborator 5. */
  --player-6-cursor: #d19424; /* Collaboration: cursor for collaborator 6. */
  --player-6-background: #d19424; /* Collaboration: avatar/label fill for collaborator 6. */
  --player-6-selection: #fecf723d; /* Collaboration: selection tint for collaborator 6. */
  --player-7-cursor: #b9ff2e; /* Collaboration: cursor for collaborator 7. */
  --player-7-background: #b9ff2e; /* Collaboration: avatar/label fill for collaborator 7. */
  --player-7-selection: #d5fe803d; /* Collaboration: selection tint for collaborator 7. */
  --syntax-attribute: #a061ff; /* Syntax: Attributes and annotations. */
  --syntax-boolean: #c080ff; /* Syntax: Boolean literals. */
  --syntax-comment: #a0a6b0; /* Syntax: Comments. */
  --syntax-comment-doc: #6a7ea3; /* Syntax: Doc comments. */
  --syntax-constant: #8f36ff; /* Syntax: Constants. Contrast on `background` below 4.5:1 (dark 4.1:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-constructor: #9b7ebd; /* Syntax: Constructors. */
  --syntax-embedded: #cccac2; /* Syntax: Embedded language regions. */
  --syntax-emphasis: #72cffe; /* Syntax: Emphasised markup text. Contrast on `background` below 4.5:1 (light 4.5:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-emphasis-strong: #b372fe; /* Syntax: Strong markup text; set bold (700). */
  --syntax-enum: #ff621f; /* Syntax: Enum names. Contrast on `background` below 4.5:1 (light 4.4:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-function: #009eff; /* Syntax: Function and method names. */
  --syntax-hint: #7399a3; /* Syntax: Inline hints (syntax layer). Contrast on `background` below 4.5:1 (light 4.4:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-keyword: #00c8ff; /* Syntax: Keywords (`fn`, `if`, `return`). */
  --syntax-label: #997dff; /* Syntax: Labels. */
  --syntax-link_text: #ff8b1c; /* Syntax: Link text in markup; set italic. Contrast on `background` below 4.5:1 (light 3.5:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-link_uri: #3887a1; /* Syntax: Link URLs in markup. */
  --syntax-namespace: #ffffff; /* Syntax: Modules and namespaces. */
  --syntax-number: #c080ff; /* Syntax: Numeric literals. */
  --syntax-operator: #7b00ff; /* Syntax: Operators. Contrast on `background` below 4.5:1 (dark 3.3:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-predictive: #6d839b; /* Syntax: Predictive suggestion text; set italic. Contrast on `background` below 4.5:1 (light 3.4:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-preproc: #ffd300; /* Syntax: Preprocessor directives. Contrast on `background` below 4.5:1 (light 3.5:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-primary: #cccac2; /* Syntax: Primary syntax fallback. */
  --syntax-property: #1e69be; /* Syntax: Fields and properties. Contrast on `background` below 4.5:1 (dark 3.8:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-punctuation: #bcbec4; /* Syntax: Punctuation. */
  --syntax-punctuation-bracket: #bcbec4; /* Syntax: Brackets. */
  --syntax-punctuation-delimiter: #bcbec4; /* Syntax: Delimiters (`,` `;`). */
  --syntax-punctuation-list_marker: #bcbec4; /* Syntax: List markers in markup. */
  --syntax-punctuation-markup: #ffd000; /* Syntax: Markup punctuation. Contrast on `background` below 4.5:1 (light 3.5:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-punctuation-special: #9769ff; /* Syntax: Special punctuation (interpolation braces). */
  --syntax-selector: #c685ff; /* Syntax: CSS selectors. */
  --syntax-selector-pseudo: #e085ff; /* Syntax: CSS pseudo-selectors. */
  --syntax-string: #bcc8d1; /* Syntax: String literals. */
  --syntax-string-escape: #c724ff; /* Syntax: Escape sequences. */
  --syntax-string-regex: #33ffb4; /* Syntax: Regular expressions. */
  --syntax-string-special: #ffba1f; /* Syntax: Special strings. Contrast on `background` below 4.5:1 (light 3.8:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-string-special-symbol: #ff841f; /* Syntax: Symbols (`:atom`). Contrast on `background` below 4.5:1 (light 3.8:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-tag: #0b6f7d; /* Syntax: Markup tags. Contrast on `background` below 4.5:1 (dark 3.6:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-text-literal: #ffa754; /* Syntax: Inline code in markup. Contrast on `background` below 4.5:1 (light 4.3:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-title: #ffffff; /* Syntax: Markdown headings; set bold (700). */
  --syntax-type: #09ffd0; /* Syntax: Type names. */
  --syntax-variable: #ffffff; /* Syntax: Variables. */
  --syntax-variant: #85daff; /* Syntax: Enum variants. Contrast on `background` below 4.5:1 (light 4.5:1), kept as the source has it; use for large or non-essential text there. */
  --syntax-variable-special: #6535de; /* Syntax: Special variables (`self`, `this`). Contrast on `background` below 4.5:1 (dark 3.1:1), kept as the source has it; use for large or non-essential text there. */
  --scrollbar-thumb-active_background: #000000; /* Scrollbar thumb active background. */
  --panel-overlay_background: #000000; /* Overlay laid over a panel. */
  --panel-overlay_hover: #000000; /* Hovered item in a panel overlay. */
  --minimap-thumb-background: #7a7a7a00; /* Minimap thumb background. */
  --minimap-thumb-hover_background: #000000; /* Minimap thumb hover background. */
  --minimap-thumb-active_background: #000000; /* Minimap thumb active background. */
  --minimap-thumb-border: #666666; /* Minimap thumb border. */
  --version_control-added: #00ff6e; /* Version-control gutter and file marks for added lines and files; same value as the status token. */
  --version_control-deleted: #ff3b1f; /* Version-control gutter and file marks for removed lines and files; same value as the status token. */
  --version_control-modified: #ffd133; /* Version-control gutter and file marks for changed lines and files; same value as the status token. */
  --version_control-renamed: #0098ff; /* Version-control gutter and file marks for renamed files; same value as the status token. */
  --version_control-conflict: #ff9300; /* Version-control gutter and file marks for merge conflicts; same value as the status token. */
  --version_control-ignored: #525252; /* Version-control gutter and file marks for git-ignored files; same value as the status token. */
}
[data-theme="light"] {
  --surface: var(--background);
  --surface-raised: var(--elevated_surface-background);
  --surface-subtle: var(--scrollbar-track-background);
  --ink: var(--text);
  --ink-strong: var(--editor-active_line_number);
  --ink-muted: var(--text-muted);
  --ink-subtle: var(--text-placeholder);
  --ink-disabled: var(--text-disabled);
  --link: var(--text-accent);
  --line: var(--border);
  --line-subtle: var(--border-variant);
  --control: var(--element-background);
  --control-hover: var(--element-hover);
  --control-active: var(--element-active);
  --control-selected: var(--element-selected);
  --control-ghost-hover: var(--ghost_element-hover);
  --accent: var(--text-accent);
  --on-accent: var(--background);
  --focus: var(--border-focused);
  --selection: var(--player-0-selection);
  --highlight: var(--search-match_background);
  --highlight-strong: var(--search-active_match_background);
  --scrim: var(--drop_target-background);
  --data-1: var(--player-1-cursor);
  --data-2: var(--player-2-cursor);
  --data-3: var(--player-3-cursor);
  --data-4: var(--player-4-cursor);
  --data-5: var(--player-5-cursor);
  --data-6: var(--player-6-cursor);
  --data-7: var(--player-7-cursor);
  --border: #d6d6d6;
  --border-variant: #e0e0e0;
  --border-focused: #2b83ff;
  --border-selected: #6fb5db;
  --border-transparent: #00000000;
  --border-disabled: #e3e3e3;
  --elevated_surface-background: #ffffff;
  --surface-background: #ffffff;
  --background: #ffffff;
  --element-background: #f2f2f2;
  --element-hover: #e3e3e3;
  --element-active: #d6d6d6;
  --element-selected: #d6d6d6;
  --element-disabled: #ffffff;
  --drop_target-background: #ff3d3d33;
  --ghost_element-background: #00000000;
  --ghost_element-hover: #e8e8e8;
  --ghost_element-active: #d6d6d6;
  --ghost_element-selected: #d6d6d6;
  --ghost_element-disabled: #f0f0f0;
  --text: #1f1f1f;
  --text-muted: #5c5c5c;
  --text-placeholder: #8f8f8f;
  --text-disabled: #b0b0b0;
  --text-accent: #0a5fd6;
  --icon: #1f1f1f;
  --icon-muted: #5c5c5c;
  --icon-disabled: #b0b0b0;
  --icon-placeholder: #8f8f8f;
  --icon-accent: #0a5fd6;
  --status_bar-background: #ffffff;
  --title_bar-background: #ffffff;
  --title_bar-inactive_background: #f0f0f0;
  --toolbar-background: #ffffff;
  --tab_bar-background: #ffffff;
  --tab-inactive_background: #ffffff;
  --tab-active_background: #ffffff;
  --search-match_background: #2b83ff33;
  --search-active_match_background: #ff7a2b66;
  --panel-background: #ffffff;
  --panel-focused_border: #2b83ff;
  --pane-focused_border: #2b83ff;
  --scrollbar-thumb-background: #7a7a7a00;
  --scrollbar-thumb-hover_background: #ffffff;
  --scrollbar-thumb-border: #b3b3b3;
  --scrollbar-track-background: #f5f5f5;
  --scrollbar-track-border: #e0e0e0;
  --editor-foreground: #1a1a1a;
  --editor-background: #ffffff;
  --editor-gutter-background: #ffffff;
  --editor-subheader-background: #ffffff;
  --editor-active_line-background: #0000000a;
  --editor-highlighted_line-background: #ffffff;
  --editor-line_number: #a6a6a6;
  --editor-active_line_number: #000000;
  --editor-hover_line_number: #6b6f80;
  --editor-invisible: #b8babd;
  --editor-wrap_guide: #0000000d;
  --editor-active_wrap_guide: #0000001a;
  --editor-document_highlight-read_background: #2b83ff1a;
  --editor-document_highlight-write_background: #787a7c33;
  --terminal-background: #ffffff;
  --terminal-foreground: #1a1a1a;
  --terminal-bright_foreground: #000000;
  --terminal-dim_foreground: #8a8a8a;
  --terminal-ansi-black: #2b2b2b;
  --terminal-ansi-bright_black: #6b6b6b;
  --terminal-ansi-dim_black: #9e9e9e;
  --terminal-ansi-red: #c9302c;
  --terminal-ansi-bright_red: #e5483f;
  --terminal-ansi-dim_red: #e8a09b;
  --terminal-ansi-green: #3f7d0e;
  --terminal-ansi-bright_green: #5fa316;
  --terminal-ansi-dim_green: #a9cf80;
  --terminal-ansi-yellow: #a66f00;
  --terminal-ansi-bright_yellow: #c98a00;
  --terminal-ansi-dim_yellow: #e3c47a;
  --terminal-ansi-blue: #0b72b8;
  --terminal-ansi-bright_blue: #1e90e0;
  --terminal-ansi-dim_blue: #8cc4ea;
  --terminal-ansi-magenta: #b0289a;
  --terminal-ansi-bright_magenta: #d43bb8;
  --terminal-ansi-dim_magenta: #e8a0da;
  --terminal-ansi-cyan: #1b8f6e;
  --terminal-ansi-bright_cyan: #2fb48d;
  --terminal-ansi-dim_cyan: #8fd4be;
  --terminal-ansi-white: #7a7a7a;
  --terminal-ansi-bright_white: #3d3d3d;
  --terminal-ansi-dim_white: #b0b0b0;
  --link_text-hover: #0a5fd6;
  --conflict: #c26a00;
  --conflict-background: #ffe3b3;
  --conflict-border: #e0b060;
  --created: #1e8e4a;
  --created-background: #d4f5e0;
  --created-border: #7acb9a;
  --deleted: #d12a12;
  --deleted-background: #ffd9d4;
  --deleted-border: #e8a39a;
  --error: #d32f2f;
  --error-background: #fde7e7;
  --error-border: #f2b8b8;
  --hidden: #8f8f8f;
  --hidden-background: #ededed;
  --hidden-border: #d6d6d6;
  --hint: #0b7fa3;
  --hint-background: #e3f5fc;
  --hint-border: #b7e3f2;
  --ignored: #8f8f8f;
  --ignored-background: #ededed;
  --ignored-border: #d6d6d6;
  --info: #1a6fe0;
  --info-background: #e3eeff;
  --info-border: #b5d0f7;
  --modified: #a67c00;
  --modified-background: #fff1bf;
  --modified-border: #e6cc77;
  --predictive: #0a7c96;
  --predictive-background: #d6f3ec;
  --predictive-border: #a9ddd0;
  --renamed: #0a6fc2;
  --renamed-background: #dceefb;
  --renamed-border: #a9cfee;
  --success: #3f7d0e;
  --success-background: #e4f4cf;
  --success-border: #b9db8a;
  --unreachable: #8f8f8f;
  --unreachable-background: #ededed;
  --unreachable-border: #d6d6d6;
  --warning: #b38600;
  --warning-background: #fff1d6;
  --warning-border: #e8ce8f;
  --player-0-cursor: #000000;
  --player-0-background: #ffffff;
  --player-0-selection: #00000026;
  --player-1-cursor: #00a5c7;
  --player-1-background: #00a5c7;
  --player-1-selection: #00a5c73d;
  --player-2-cursor: #e06800;
  --player-2-background: #e06800;
  --player-2-selection: #e068003d;
  --player-3-cursor: #8b3fe0;
  --player-3-background: #8b3fe0;
  --player-3-selection: #8b3fe03d;
  --player-4-cursor: #00a87a;
  --player-4-background: #00a87a;
  --player-4-selection: #00a87a3d;
  --player-5-cursor: #e02b17;
  --player-5-background: #e02b17;
  --player-5-selection: #e02b173d;
  --player-6-cursor: #b07a00;
  --player-6-background: #b07a00;
  --player-6-selection: #b07a003d;
  --player-7-cursor: #6e9e00;
  --player-7-background: #6e9e00;
  --player-7-selection: #6e9e003d;
  --syntax-attribute: #7b2fd9;
  --syntax-boolean: #8a3fd6;
  --syntax-comment: #6b7280;
  --syntax-comment-doc: #4b6490;
  --syntax-constant: #6a1fd6;
  --syntax-constructor: #7a5a9e;
  --syntax-embedded: #3a3a3a;
  --syntax-emphasis: #0b7fb0;
  --syntax-emphasis-strong: #7a3fd6;
  --syntax-enum: #d4480a;
  --syntax-function: #0072c8;
  --syntax-hint: #4f7f8c;
  --syntax-keyword: #007fa8;
  --syntax-label: #6b4fe0;
  --syntax-link_text: #d96a00;
  --syntax-link_uri: #2a7490;
  --syntax-namespace: #000000;
  --syntax-number: #8a3fd6;
  --syntax-operator: #6200d6;
  --syntax-predictive: #7b8ca0;
  --syntax-preproc: #a68400;
  --syntax-primary: #2b2b2b;
  --syntax-property: #1a5fb4;
  --syntax-punctuation: #4a4d55;
  --syntax-punctuation-bracket: #4a4d55;
  --syntax-punctuation-delimiter: #4a4d55;
  --syntax-punctuation-list_marker: #4a4d55;
  --syntax-punctuation-markup: #a68500;
  --syntax-punctuation-special: #7a4fe0;
  --syntax-selector: #9a45d8;
  --syntax-selector-pseudo: #b045cc;
  --syntax-string: #476a82;
  --syntax-string-escape: #a000cc;
  --syntax-string-regex: #00875a;
  --syntax-string-special: #b87400;
  --syntax-string-special-symbol: #d06400;
  --syntax-tag: #0b6f7d;
  --syntax-text-literal: #c06000;
  --syntax-title: #000000;
  --syntax-type: #008068;
  --syntax-variable: #1a1a1a;
  --syntax-variant: #0a7faf;
  --syntax-variable-special: #5a2bd6;
  --scrollbar-thumb-active_background: #ffffff;
  --panel-overlay_background: #ffffff;
  --panel-overlay_hover: #f2f2f2;
  --minimap-thumb-background: #7a7a7a00;
  --minimap-thumb-hover_background: #ffffff;
  --minimap-thumb-active_background: #ffffff;
  --minimap-thumb-border: #b3b3b3;
  --version_control-added: #1e8e4a;
  --version_control-deleted: #d12a12;
  --version_control-modified: #a67c00;
  --version_control-renamed: #0a6fc2;
  --version_control-conflict: #c26a00;
  --version_control-ignored: #8f8f8f;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Bold Italic";
  src: url("fonts/IBMPlexSans-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Extra Light Italic";
  src: url("fonts/IBMPlexSans-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Light Italic";
  src: url("fonts/IBMPlexSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Medium Italic";
  src: url("fonts/IBMPlexSans-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Semi Bold Italic";
  src: url("fonts/IBMPlexSans-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Text.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Text Italic";
  src: url("fonts/IBMPlexSans-TextItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans";
  src: url("fonts/IBMPlexSans-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlex Sans Thin Italic";
  src: url("fonts/IBMPlexSans-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Black Italic";
  src: url("fonts/IoskeleyMono-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Bold Italic";
  src: url("fonts/IoskeleyMono-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Extra Bold Italic";
  src: url("fonts/IoskeleyMono-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Extra Light Italic";
  src: url("fonts/IoskeleyMono-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Light Italic";
  src: url("fonts/IoskeleyMono-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Medium Italic";
  src: url("fonts/IoskeleyMono-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Bold Italic";
  src: url("fonts/IoskeleyMono-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed";
  src: url("fonts/IoskeleyMono-SemiCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Black";
  src: url("fonts/IoskeleyMono-SemiCondensedBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Black Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedBlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Bold";
  src: url("fonts/IoskeleyMono-SemiCondensedBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Bold Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedBoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Extra Bold";
  src: url("fonts/IoskeleyMono-SemiCondensedExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Extra Bold Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Extra Light";
  src: url("fonts/IoskeleyMono-SemiCondensedExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Extra Light Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Light";
  src: url("fonts/IoskeleyMono-SemiCondensedLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Light Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedLightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Medium";
  src: url("fonts/IoskeleyMono-SemiCondensedMedium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Medium Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedMediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Semi Bold";
  src: url("fonts/IoskeleyMono-SemiCondensedSemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Semi Bold Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedSemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Semi Light";
  src: url("fonts/IoskeleyMono-SemiCondensedSemiLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Semi Light Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedSemiLightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Thin";
  src: url("fonts/IoskeleyMono-SemiCondensedThin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Condensed Thin Italic";
  src: url("fonts/IoskeleyMono-SemiCondensedThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Light";
  src: url("fonts/IoskeleyMono-SemiLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Semi Light Italic";
  src: url("fonts/IoskeleyMono-SemiLightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono";
  src: url("fonts/IoskeleyMono-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ioskeley Mono Thin Italic";
  src: url("fonts/IoskeleyMono-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Variable Font";
  src: url("fonts/CommitMono%20VariableFont.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Calculus";
  src: url("fonts/CommitMonoCalculus-400-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Calculus";
  src: url("../_blob/2d77ef929baf07b955cc060dd170639f") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Calculus";
  src: url("../_blob/48b63f2fff9587c7c5bfe207782afd59") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Calculus";
  src: url("../_blob/af55327910f3eacd12ac2ce3569c69e7") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Calculus";
  src: url("../_blob/e54ddb7cb128e65760f4dd3a0c6de15a") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commit Mono Calculus";
  src: url("../_blob/c27a61b8d56928d1a828f86b412483d6") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}