@mixin linux-light {
  /* Roundness */
  --control-corner-radius: 6px;
  --overlay-corner-radius: 8px;

  /* Text Weight */
  --text-weight-normal: 400;
  --text-weight-bold: 600;
  --text-weight-bolder: 700;

  /* Accent Colors (rgb) */
  --accent-light-3: 0, 122, 255;
  --accent-light-2: 0, 122, 255;
  --accent-light-1: 0, 122, 255;
  --accent-base: 0, 122, 255;
  --accent-dark-1: 0, 122, 255;
  --accent-dark-2: 0, 122, 255;
  --accent-dark-3: 0, 122, 255;
  --accent-default: rgba(var(--accent-base));
  --accent-secondary: rgba(var(--accent-light-1), 1);
  --accent-tertiary: rgba(var(--accent-light-2), 1);
  --accent-disabled: rgba(0, 0, 0, 0.158);

  /* System fill colors */
  --system-fill-color-success: rgb(15, 123, 15);
  --system-fill-color-caution: rgb(157, 93, 0);
  --system-fill-color-critical: rgb(196, 43, 28);
  --system-fill-color-neutral: rgba(0, 0, 0, 0.447);
  --system-fill-color-success-background: rgb(223, 246, 221);
  --system-fill-color-caution-background: rgb(255, 244, 206);
  --system-fill-color-critical-background: rgb(253, 231, 233);
  --system-fill-color-neutral-background: rgba(0, 0, 0, 0.024);
  --system-fill-color-attention-background: rgba(246, 246, 246, 0.502);

  /* Text on Accent */
  --text-on-accent-primary: rgb(255, 255, 255);
  --text-on-accent-secondary: rgb(240, 240, 240);
  --text-on-accent-disabled: rgb(240, 240, 240);
  --text-on-accent-selected: rgb(240, 240, 240);

  /* Focus Stroke */
  --focus-stroke-outer: rgba(0, 0, 0, 1);
  --focus-stroke-inner: rgb(255, 255, 255);

  /* Text */
  --text-fill-color-primary: rgba(0, 0, 0, 0.85);
  --text-fill-color-secondary: rgba(0, 0, 0, 0.5);
  --text-fill-color-tertiary: rgba(0, 0, 0, 0.25);
  --text-fill-color-disabled: rgba(0, 0, 0, 0.25);
  --text-fill-color-inverse: rgb(255, 255, 255);

  /* Control Fill */
  --control-fill-color-default: rgb(255, 255, 255);
  --control-fill-color-secondary: rgb(245, 245, 245);
  --control-fill-color-tertiary: rgb(214, 214, 214);
  --control-fill-color-disabled: rgb(252, 252, 252);
  --control-fill-color-transparent: rgba(255, 255, 255, 0);
  --control-fill-color-input-active: rgba(255, 255, 255, 1);

  --control-alt-fill-color-transparent: rgba(255, 255, 255, 0);
  --control-alt-fill-color-secondary: rgb(204, 204, 204);
  --control-alt-fill-color-tertiary: rgba(0, 0, 0, 0.043);
  --control-alt-fill-color-quarternary: rgba(0, 0, 0, 0.071);
  --control-alt-fill-color-disabled: rgba(0, 0, 0, 0.03);

  /* Control Stroke */
  --control-stroke-color-default: rgb(199, 199, 199);
  --control-stroke-color-secondary: transparent;
  --control-stroke-on-accent-default: hsla(0, 0%, 100%, 8%);
  --control-stroke-on-accent-secondary: hsla(0, 0%, 0%, 14%);
  --control-strong-stroke-default: rgba(0, 0, 0, 0.15);
  --control-strong-stroke-disabled: rgba(0, 0, 0, 0.157);
  --divider-stroke-color-default: rgba(0, 0, 0, 0.082);

  /* Subtle Fill */
  --subtle-fill-transparent: transparent;
  --subtle-fill-secondary: rgb(222, 222, 222);
  --subtle-fill-tertiary: rgb(222, 222, 222);
  --subtle-fill-disabled: transparent;

  /* Background */
  --background-color: rgb(255, 255, 255);
  --layer-fill-color-default: rgb(250, 250, 250);

  /* Borders */
  --control-border-color-default:
          var(--control-stroke-color-default)
          var(--control-stroke-color-default)
          var(--control-stroke-color-default)
          var(--control-stroke-color-default);
  --accent-control-border-color-default:
          var(--control-stroke-on-accent-secondary)
          var(--control-stroke-on-accent-secondary)
          var(--control-stroke-on-accent-secondary)
          var(--control-stroke-on-accent-secondary);

  /* Card */
  --card-stroke-color-default: rgb(215, 215, 215);
  --card-border: var(--card-stroke-color-default);
  --card-border-thickness: 1px solid;
  --card-foreground: var(--text-fill-color-primary);
  --card-foreground-description: var(--text-fill-color-secondary);
  --card-background-color: rgb(255, 255, 255);
  --card-background-color-secondary: rgb(255, 255, 255);
  --card-hover-background-color: rgb(246, 246, 246);

  /* Button */
  --button-background: var(--control-fill-color-default);
  --button-background-pointer-over: var(--control-fill-color-secondary);
  --button-background-pressed: var(--control-fill-color-tertiary);
  --button-background-disabled: var(--control-fill-color-disabled);
  --button-foreground: var(--text-fill-color-primary);
  --button-foreground-pointer-over: var(--text-fill-color-primary);
  --button-foreground-pressed: var(--text-fill-color-primary);
  --button-foreground-disabled: var(--text-fill-color-disabled);
  --button-border: var(--control-border-color-default);
  --button-border-pointer-over: var(--control-border-color-default);
  --button-border-pressed: var(--control-border-color-default);
  --button-border-disabled: var(--control-border-color-default);
  --button-border-thickness: 1px solid;

  --accent-button-background: var(--accent-default);
  --accent-button-background-pointer-over: var(--accent-default);
  --accent-button-background-pressed: var(--accent-secondary);
  --accent-button-background-disabled: var(--accent-disabled);
  --accent-button-foreground: var(--text-on-accent-primary);
  --accent-button-foreground-pointer-over: var(--text-on-accent-primary);
  --accent-button-foreground-pressed: var(--text-on-accent-primary);
  --accent-button-foreground-disabled: var(--text-on-accent-disabled);
  --accent-button-border: var(--accent-control-border-color-default);
  --accent-button-border-pointer-over: var(--accent-control-border-color-default);
  --accent-button-border-pressed: var(--control-fill-color-transparent);
  --accent-button-border-disabled: var(--control-fill-color-transparent);
  --accent-button-border-thickness: 1px solid;

  --stealth-button-background: var(--control-fill-color-transparent);
  --stealth-button-background-pointer-over: var(--control-alt-fill-color-secondary);
  --stealth-button-background-pressed: var(--control-alt-fill-color-tertiary);
  --stealth-button-background-disabled: var(--control-fill-color-transparent);
  --stealth-button-foreground: var(--text-fill-color-primary);
  --stealth-button-foreground-pointer-over: var(--text-fill-color-primary);
  --stealth-button-foreground-pressed: var(--text-fill-color-secondary);
  --stealth-button-foreground-disabled: var(--text-fill-color-disabled);
  --stealth-button-border: var(--control-fill-color-transparent);
  --stealth-button-border-pointer-over: var(--control-fill-color-transparent);
  --stealth-button-border-pressed: var(--control-fill-color-transparent);
  --stealth-button-border-disabled: var(--control-fill-color-transparent);
  --stealth-button-border-thickness: 1px solid;

  --hyperlink-button-background: var(--control-fill-color-transparent);
  --hyperlink-button-background-pointer-over: var(--control-fill-color-transparent);
  --hyperlink-button-background-pressed: var(--control-fill-color-transparent);
  --hyperlink-button-background-disabled: var(--control-fill-color-transparent);
  --hyperlink-button-foreground: var(--accent-tertiary);
  --hyperlink-button-foreground-pointer-over: var(--accent-tertiary);
  --hyperlink-button-foreground-pressed: var(--accent-tertiary);
  --hyperlink-button-foreground-disabled: var(--accent-disabled);
  --hyperlink-button-border: var(--control-fill-color-transparent);
  --hyperlink-button-border-pointer-over: var(--control-fill-color-transparent);
  --hyperlink-button-border-pressed: var(--control-fill-color-transparent);
  --hyperlink-button-border-disabled: var(--control-fill-color-transparent);
  --hyperlink-button-border-thickness: 0px solid;

  /* CheckBox */
  --check-box-check-corner-radius: var(--control-corner-radius);
  --check-box-foreground: var(--text-fill-color-primary);
  --check-box-foreground-disabled: var(--text-fill-color-disabled);

  --check-box-check-background-stroke-unchecked: var(--control-strong-stroke-default);
  --check-box-check-background-stroke-unchecked-pointer-over: var(--control-strong-stroke-default);
  --check-box-check-background-stroke-unchecked-pressed: var(--control-strong-stroke-disabled);
  --check-box-check-background-stroke-unchecked-disabled: var(--control-strong-stroke-disabled);
  --check-box-check-background-stroke-checked: var(--accent-default);
  --check-box-check-background-stroke-checked-pointer-over: var(--accent-secondary);
  --check-box-check-background-stroke-checked-pressed: var(--accent-tertiary);
  --check-box-check-background-stroke-checked-disabled: var(--control-strong-stroke-disabled);
  --check-box-check-background-fill-unchecked: var(--control-alt-fill-color-secondary);
  --check-box-check-background-fill-unchecked-pointer-over: var(--control-alt-fill-color-tertiary);
  --check-box-check-background-fill-unchecked-pressed: var(--control-alt-fill-color-quarternary);
  --check-box-check-background-fill-unchecked-disabled: var(--control-alt-fill-color-disabled);
  --check-box-check-background-fill-checked: var(--accent-default);
  --check-box-check-background-fill-checked-pointer-over: var(--accent-secondary);
  --check-box-check-background-fill-checked-pressed: var(--accent-tertiary);
  --check-box-check-background-fill-checked-disabled: var(--accent-disabled);

  --check-box-check-glyph-foreground-unchecked: var(--text-on-accent-primary);
  --check-box-check-glyph-foreground-unchecked-pointer-over: var(--text-on-accent-primary);
  --check-box-check-glyph-foreground-unchecked-pressed: var(--text-on-accent-primary);
  --check-box-check-glyph-foreground-unchecked-disabled: var(--text-on-accent-disabled);
  --check-box-check-glyph-foreground-checked: var(--text-on-accent-primary);
  --check-box-check-glyph-foreground-checked-pointer-over: var(--text-on-accent-primary);
  --check-box-check-glyph-foreground-checked-pressed: var(--text-on-accent-secondary);
  --check-box-check-glyph-foreground-checked-disabled: var(--text-on-accent-disabled);

  /* RadioButton */
  --radio-button-foreground: var(--text-fill-color-primary);
  --radio-button-foreground-pointer-over: var(--text-fill-color-primary);
  --radio-button-foreground-pressed: var(--text-fill-color-primary);
  --radio-button-foreground-disabled: var(--text-fill-color-disabled);
  --radio-button-background: var(--control-fill-color-transparent);
  --radio-button-background-pointer-over: var(--control-fill-color-transparent);
  --radio-button-background-pressed: var(--control-fill-color-transparent);
  --radio-button-background-disabled: var(--control-fill-color-transparent);
  --radio-button-border: var(--control-fill-color-transparent);
  --radio-button-border-pointer-over: var(--control-fill-color-transparent);
  --radio-button-border-pressed: var(--control-fill-color-transparent);
  --radio-button-border-disabled: var(--control-fill-color-transparent);

  --radio-button-outer-ellipse-stroke: var(--control-strong-stroke-default);
  --radio-button-outer-ellipse-stroke-pointer-over: var(--control-strong-stroke-default);
  --radio-button-outer-ellipse-stroke-pressed: var(--control-strong-stroke-disabled);
  --radio-button-outer-ellipse-stroke-disabled: var(--control-strong-stroke-disabled);
  --radio-button-outer-ellipse-fill: var(--control-alt-fill-color-secondary);
  --radio-button-outer-ellipse-fill-pointer-over: var(--control-alt-fill-color-tertiary);
  --radio-button-outer-ellipse-fill-pressed: var(--control-alt-fill-color-quarternary);
  --radio-button-outer-ellipse-fill-disabled: var(--control-alt-fill-color-disabled);

  --radio-button-outer-ellipse-checked-stroke: var(--accent-default);
  --radio-button-outer-ellipse-checked-stroke-pointer-over: var(--accent-secondary);
  --radio-button-outer-ellipse-checked-stroke-pressed: var(--accent-tertiary);
  --radio-button-outer-ellipse-checked-stroke-disabled: var(--accent-disabled);
  --radio-button-outer-ellipse-checked-fill: var(--accent-default);
  --radio-button-outer-ellipse-checked-fill-pointer-over: var(--accent-secondary);
  --radio-button-outer-ellipse-checked-fill-pressed: var(--accent-tertiary);
  --radio-button-outer-ellipse-checked-fill-disabled: var(--accent-disabled);

  --radio-button-check-glyph-fill: var(--text-on-accent-primary);
  --radio-button-check-glyph-fill-pointer-over: var(--text-on-accent-primary);
  --radio-button-check-glyph-fill-pressed: var(--text-on-accent-primary);
  --radio-button-check-glyph-fill-disabled: var(--text-on-accent-primary);
  --radio-button-check-glyph-stroke: var(--control-stroke-color-default);
  --radio-button-check-glyph-stroke-pointer-over: var(--control-stroke-color-default);
  --radio-button-check-glyph-stroke-pressed: var(--control-stroke-color-default);
  --radio-button-check-glyph-stroke-disabled: var(--control-stroke-color-default);
  --radio-button-check-glyph-stroke-checked: var(--control-stroke-on-accent-default);
  --radio-button-check-glyph-stroke-checked-pointer-over: var(--control-stroke-on-accent-default);
  --radio-button-check-glyph-stroke-checked-pressed: var(--control-stroke-on-accent-default);
  --radio-button-check-glyph-stroke-checked-disabled: var(--control-stroke-color-default);

  /* ToggleSwitch */
  --toggle-switch-width: 51px;
  --toggle-switch-height: 26px;
  --toggle-switch-foreground: var(--text-fill-color-primary);
  --toggle-switch-foreground-disabled: var(--text-fill-color-disabled);
  --toggle-switch-on-stroke-thickness: 0px;
  --toggle-switch-outer-border-stroke-thickness: 0px;
  --toggle-switch-fill-off: var(--control-alt-fill-color-secondary);
  --toggle-switch-fill-off-pointer-over: var(--control-alt-fill-color-secondary);
  --toggle-switch-fill-off-pressed: var(--control-alt-fill-color-secondary);
  --toggle-switch-fill-off-disabled: var(--control-alt-fill-color-disabled);
  --toggle-switch-stroke-off: var(--control-strong-stroke-default);
  --toggle-switch-stroke-off-pointer-over: var(--control-strong-stroke-default);
  --toggle-switch-stroke-off-pressed: var(--control-strong-stroke-default);
  --toggle-switch-stroke-off-disabled: var(--control-strong-stroke-disabled);
  --toggle-switch-fill-on: var(--accent-secondary);
  --toggle-switch-fill-on-pointer-over: var(--accent-secondary);
  --toggle-switch-fill-on-pressed: var(--accent-secondary);
  --toggle-switch-fill-on-disabled: var(--accent-disabled);
  --toggle-switch-stroke-on: var(--accent-secondary);
  --toggle-switch-stroke-on-pointer-over: var(--accent-secondary);
  --toggle-switch-stroke-on-pressed: var(--accent-tertiary);
  --toggle-switch-stroke-on-disabled: var(--accent-disabled);

  --toggle-switch-knob-radius: 20px;
  --toggle-switch-knob-width: 22px;
  --toggle-switch-knob-height: 22px;
  --toggle-switch-knob-offset: 2px;
  --toggle-switch-knob-zoom-pointer-over: 0px;
  --toggle-switch-knob-active-translation: 25px;
  --toggle-switch-knob-width-pointer-over: 22px;
  --toggle-switch-knob-height-pointer-over: 22px;
  --toggle-switch-knob-fill-off: var(--text-on-accent-primary);
  --toggle-switch-knob-fill-off-pointer-over: var(--text-on-accent-primary);
  --toggle-switch-knob-fill-off-pressed: var(--text-on-accent-selected);
  --toggle-switch-knob-fill-off-disabled: var(--text-on-accent-disabled);
  --toggle-switch-knob-fill-on: var(--text-on-accent-primary);
  --toggle-switch-knob-fill-on-pointer-over: var(--text-on-accent-primary);
  --toggle-switch-knob-fill-on-pressed: var(--text-on-accent-selected);
  --toggle-switch-knob-fill-on-disabled: var(--text-on-accent-disabled);
  --toggle-switch-knob-stroke-on: var(--control-border-color-default);

  /* GridView */
  --grid-view-header-border-line: rgba(0, 0, 0, 0.1);
  --grid-view-item-background: var(--card-background-color);
  --grid-view-item-background-hover: var(--card-hover-background-color);
  --grid-view-item-stroke: rgba(0, 0, 0, 0.1);

  /* NavBar */
  --navigation-view-content-background: var(--layer-fill-color-default);
  --navigation-view-content-grid-border: var(--card-stroke-color-default);
  --navigation-view-content-grid-border-thickness: 1px solid;
  --navigation-view-flyout-border-color: var(--control-stroke-color-default);
  --navigation-view-flyout-background-color: rgba(246, 246, 246, 0.6);
  --navigation-view-flyout-backdrop-filter: blur(50px) saturate(125%);
  --navigation-view-separator-color: rgba(0, 0, 0, 0.05);
  --sidebar-item-margin: 0px;

  /* List Box */
  --list-box-item-radius: 0px;
  --list-box-item-background: var(--subtle-fill-transparent);
  --list-box-item-background-disabled: var(--subtle-fill-transparent);
  --list-box-item-background-pointer-over: var(--subtle-fill-secondary);
  --list-box-item-background-selected: rgb(var(--accent-dark-1));
  --list-box-item-background-selected-disabled: var(--subtle-fill-transparent);
  --list-box-item-background-pressed: var(--subtle-fill-transparent);
  --list-box-item-foreground: var(--text-fill-color-primary);
  --list-box-item-foreground-selected: var(--text-fill-color-inverse);
  --list-box-item-foreground-pressed: var(--text-fill-color-primary);
  --list-box-item-foreground-disabled: var(--text-fill-color-disabled);
  --list-box-item-selection-indicator: rgb(var(--accent-dark-1));

  /* Context Menu */
  --menu-flyout-presenter-background: rgba(246, 246, 246);
  --menu-flyout-presenter-border: rgba(0, 0, 0, 0.4);
  --menu-flyout-presenter-backdrop-filter: none;
  --menu-flyout-presenter-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);

  /* Context Menu Item */
  --context-menu-item-background: var(--subtle-fill-transparent);
  --context-menu-item-background-disabled: var(--subtle-fill-transparent);
  --context-menu-item-background-pointer-over: var(--subtle-fill-secondary);
  --context-menu-item-background-pressed: var(--subtle-fill-tertiary);
  --context-menu-item-foreground: var(--text-fill-color-primary);
  --context-menu-item-foreground-pressed: var(--text-fill-color-secondary);
  --context-menu-item-foreground-disabled: var(--text-fill-color-disabled);
  --context-menu-item-key-accelerator-foreground: var(--text-fill-color-secondary);
  --context-menu-item-key-accelerator-foreground-disabled: var(--text-fill-color-disabled);

  /* Text Box */
  --text-box-background: var(--control-fill-color-input-active);
  --text-box-background-pointer-over: var(--control-fill-color-input-active);
  --text-box-background-focused: var(--control-fill-color-input-active);
  --text-box-background-disabled: var(--control-fill-color-disabled);
  --text-box-border: var(--control-border-color-default);
  --text-box-border-pointer-over: var(--control-border-color-default);
  --text-box-border-focused: var(--control-border-color-default);
  --text-box-border-disabled: var(--control-border-color-default);
  --text-box-foreground: var(--text-fill-color-primary);
  --text-box-foreground-pointer-over: var(--text-fill-color-primary);
  --text-box-foreground-focused: var(--text-fill-color-primary);
  --text-box-foreground-disabled: var(--text-fill-color-disabled);
  --text-box-placeholder-foreground: var(--text-fill-color-secondary);
  --text-box-placeholder-foreground-pointer-over: var(--text-fill-color-secondary);
  --text-box-placeholder-foreground-focused: var(--text-fill-color-tertiary);
  --text-box-placeholder-foreground-disabled: var(--text-fill-color-disabled);
  --text-box-selection-highlight-color: rgb(var(--accent-base));
  --text-box-selection-color: rgb(255, 255, 255);
  --text-box-underline-border-thickness: 0px;
  --text-box-underline-border-thickness-focused: 0px;

  /* Scrollbars */
  --scrollbar-track-background-color: transparent;
  --scrollbar-track-background-color-hover: transparent;
  --scrollbar-thumb-border-color: rgba(85, 85, 85, 0.231);
  --scrollbar-thumb-border-color-hover: rgba(183, 183, 183, 0.42);
  --scrollbar-thumb-background-color: rgb(194, 194, 194);
  --scrollbar-thumb-background-color-hover: rgb(126, 126, 126);

  /* InfoBar */
  --info-bar-error-severity-background: var(--system-fill-color-critical-background);
  --info-bar-warning-severity-background: var(--system-fill-color-caution-background);
  --info-bar-success-severity-background: var(--system-fill-color-success-background);
  --info-bar-informational-severity-background: var(--system-fill-color-attention-background);

  --info-bar-error-severity-icon-background: var(--system-fill-color-critical);
  --info-bar-warning-severity-icon-background: var(--system-fill-color-caution);
  --info-bar-success-severity-icon-background: var(--system-fill-color-success);
  --info-bar-informational-severity-icon-background: var(--accent-default);

  --info-bar-error-severity-icon-foreground: var(--text-fill-color-inverse);
  --info-bar-warning-severity-icon-foreground: var(--text-fill-color-inverse);
  --info-bar-success-severity-icon-foreground: var(--text-fill-color-inverse);
  --info-bar-informational-severity-icon-foreground: var(--text-fill-color-inverse);

  --info-bar-title-foreground: var(--text-fill-color-primary);
  --info-bar-message-foreground: var(--text-fill-color-primary);

  --info-bar-border: var(--card-stroke-color-default);
  --info-bar-border-thickness: 1px;
  --info-bar-border-corner-radius: var(--control-corner-radius);

  /* DataGrid */
  --data-grid-column-header-foreground: var(--text-fill-color-tertiary);
  --data-grid-column-header-background: var(--control-fill-color-default);
  --data-grid-column-header-background-pointer-over: rgba(255, 255, 255, 0.15);
  --data-grid-column-header-background-pressed: var(--subtle-fill-tertiary);
  --data-grid-row-foreground: var(--text-fill-color-primary);
  --data-grid-row-background: var(--control-fill-color-default);
  --data-grid-row-background-pointer-over: rgba(255, 255, 255, 0.15);
  --data-grid-row-odd-background: rgba(255, 255, 255, 0.095);
  --data-grid-row-odd-background-pointer-over: rgba(255, 255, 255, 0.18);
  --data-grid-row-selected-background: rgba(var(--accent-base), 0.9);
  --data-grid-row-selected-background-pointer-over: rgba(var(--accent-base), 0.8);
  --data-grid-row-selected-foreground: var(--text-box-selection-color);
  --data-grid-row-selected-foreground-pointer-over: var(--text-box-selection-color);
  --data-grid-border: var(--control-stroke-color-default);

  /* Dialog */
  --dialog-light-dismiss-overlay-background: rgba(0, 0, 0, 0.2);
  --dialog-shadow: 0px 30px 38px -3px rgba(0,0,0,0.24);
  --dialog-background-color: rgba(255, 255, 255, 1);
  --dialog-footer-background-color: rgb(246, 246, 246);
  --dialog-border-color: var(--control-stroke-color-default);

  /* UISettingGroup */
  --ui-setting-group-presenter-inner-ui-setting-background-color: transparent;
  --ui-setting-group-presenter-inner-ui-setting-border-color: transparent;

  /* UIFileSelector */
  --ui-file-selector-background-color: transparent;
  --ui-file-selector-stroke-color: var(--text-fill-color-disabled);
  --ui-file-selector-dragging-background-color: var(--control-fill-color-tertiary);
  --ui-file-selector-dragging-stroke-color: var(--text-fill-color-tertiary);

  /* UIMultilineTextImput */
  --ui-multiline-text-input-highlighted-text-span-background-color-blue: rgb(66, 173, 255);
  --ui-multiline-text-input-highlighted-text-span-background-color-green: rgb(66, 255, 132);
  --ui-multiline-text-input-highlighted-text-span-background-color-red: rgb(255, 80, 71);
  --ui-multiline-text-input-highlighted-text-span-background-color-yellow: rgb(255, 199, 58);
  --ui-multiline-text-input-highlighted-text-span-background-color-purple: rgb(157, 155, 255);
  --ui-multiline-text-input-highlighted-text-span-background-color-teal: rgb(6, 255, 229);

  /* Hero */
  --hero-background-image: url("../img/hero/light-theme-tile.png");
  --hero-background-color: rgba(131, 0, 255, 0.35);

  /* Tool Page */
  --tool-page-padding: 40px;
  --tool-page-top-right-toolbar-margin-right: 0;
}