:root {
  --ty-split-bar-bg: #fafbfc;
  --ty-split-bar-bg-active: #ffffff;
  --ty-split-bar-border: #d7dbe0;
  --ty-split-bar-border-active: #c8cdd3;
  --ty-split-bar-line: #c8ced5;
  --ty-split-bar-line-active: #aeb6bf;
  --ty-split-bar-size: 2px;
  --ty-split-bar-handle-length: 30px;
  --ty-split-bar-handle-thickness: 14px;
  --ty-split-bar-handle-padding: 4px;
  --ty-split-bar-handle-radius: 8px;
  --ty-split-bar-grip-size: 2px;
  --ty-split-bar-grip-gap: 1px;
  --ty-split-bar-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ty-split-bar-focus-ring: var(--ty-shadow-focus);
}

[data-tiny-theme='dark'] {
  --ty-split-bar-bg: #242424;
  --ty-split-bar-bg-active: #2a2a2a;
  --ty-split-bar-border: #3a3a3a;
  --ty-split-bar-border-active: #474747;
  --ty-split-bar-line: #484848;
  --ty-split-bar-line-active: #666666;
  --ty-split-bar-size: 2px;
  --ty-split-bar-handle-length: 30px;
  --ty-split-bar-handle-thickness: 14px;
  --ty-split-bar-handle-padding: 4px;
  --ty-split-bar-handle-radius: 8px;
  --ty-split-bar-grip-size: 2px;
  --ty-split-bar-grip-gap: 1px;
  --ty-split-bar-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ty-split-bar-focus-ring: var(--ty-shadow-focus);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-split-bar-bg: #242424;
  --ty-split-bar-bg-active: #2a2a2a;
  --ty-split-bar-border: #3a3a3a;
  --ty-split-bar-border-active: #474747;
  --ty-split-bar-line: #484848;
  --ty-split-bar-line-active: #666666;
  --ty-split-bar-size: 2px;
  --ty-split-bar-handle-length: 30px;
  --ty-split-bar-handle-thickness: 14px;
  --ty-split-bar-handle-padding: 4px;
  --ty-split-bar-handle-radius: 8px;
  --ty-split-bar-grip-size: 2px;
  --ty-split-bar-grip-gap: 1px;
  --ty-split-bar-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ty-split-bar-focus-ring: var(--ty-shadow-focus);
}
}