html[data-theme="light"] {
  --shell-top-h: 56px;
  --shell-left-w: 228px;
  --shell-right-w: 268px;
  --shell-content-max-w: 1280px;

  --ui-card-pad: 16px;
  --ui-control-h: 36px;
  --ui-gap: 10px;
}

html[data-theme="light"] .vgt {
  --vgt-border: #c4d2e4;
  --vgt-bg: #ffffff;
  --vgt-head-bg: linear-gradient(180deg, #edf3fc, #e5edf9);
  --vgt-hover: #edf4ff;
  --vgt-muted: #5f6f85;
  background: linear-gradient(180deg, #ffffff, #f5f8fd);
  color: #1b2a3b;
}

html[data-theme="light"] .vgt__toolbar {
  background: linear-gradient(180deg, #f3f7fd, #e9f0fb);
}

html[data-theme="light"] .vgt__btn {
  color: #33465d;
}

html[data-theme="light"] .vgt__headBumper {
  border-right-color: #c7d4e6;
  border-bottom-color: #c7d4e6;
  background-color: #dce7f6;
  background: linear-gradient(180deg, #e4edf9, #d6e2f2);
}

html[data-theme="light"] .vgt__headBumper:hover {
  background: linear-gradient(180deg, #d6e5f8, #c8daef);
}

html[data-theme="light"] .vgt__headBumper[data-active="1"] {
  background: linear-gradient(180deg, #67a2df, #4d8ecc);
  box-shadow: inset 0 0 0 1px rgba(243, 250, 255, 0.95);
}

html[data-theme="light"] .vgt__hcell {
  border-right-color: #c7d4e6;
  color: #23364d;
}

html[data-theme="light"] .vgt__hcell:hover {
  background: rgba(59, 127, 208, 0.12);
}

html[data-theme="light"] .vgt__hcell.vgt__hcell--selected {
  background: rgba(59, 127, 208, 0.23);
  box-shadow: inset 0 0 0 1px rgba(59, 127, 208, 0.55);
}

html[data-theme="light"] .vgt__sort {
  color: #4c6685;
}

html[data-theme="light"] .vgt__filterBtn {
  border-color: rgba(86, 129, 181, 0.42);
  background: #edf3fb;
  color: #2f5c8d;
}

html[data-theme="light"] .vgt__filterBtn[data-active="1"] {
  background: #dae7f7;
  border-color: #5f93cb;
  color: #214c7d;
}

html[data-theme="light"] .vgt__filterBtn:hover {
  background: #d2e0f2;
}

html[data-theme="light"] .vgt__rowBumpers {
  border-right-color: #c7d4e6;
  background: linear-gradient(180deg, #eef4fc, #e4ecf8);
}

html[data-theme="light"] .vgt__rowBumper {
  border-bottom-color: #d4deec;
}

html[data-theme="light"] .vgt__rowBumper:hover {
  background: rgba(59, 127, 208, 0.16);
}

html[data-theme="light"] .vgt__rowBumper[data-selected="1"] {
  background: rgba(59, 127, 208, 0.24);
  box-shadow: inset 0 0 0 1px rgba(59, 127, 208, 0.56);
}

html[data-theme="light"] .vgt__row {
  border-bottom-color: #d4deec;
}

html[data-theme="light"] .vgt__row:nth-child(even) {
  background: #f7faff;
}

html[data-theme="light"] .vgt__row[data-loading="1"] .vgt__cell {
  color: #6f8198;
}

html[data-theme="light"] .vgt__cell {
  border-right-color: #d4deec;
  color: #223248;
}

html[data-theme="light"] .vgt__cell.vgt__cell--selected {
  background: rgba(59, 127, 208, 0.2);
  box-shadow: inset 0 0 0 1px rgba(59, 127, 208, 0.52);
}

html[data-theme="light"] .vgt__scroll,
html[data-theme="light"] .vgt__hscroll,
html[data-theme="light"] .vgt__corner {
  background: rgba(241, 246, 253, 0.94);
}

html[data-theme="light"] .vgt__scroll {
  border-left-color: rgba(143, 161, 186, 0.46);
}

html[data-theme="light"] .vgt__hscroll,
html[data-theme="light"] .vgt__corner {
  border-top-color: rgba(143, 161, 186, 0.46);
}

html[data-theme="light"] .vgt__corner {
  border-left-color: rgba(143, 161, 186, 0.46);
}

html[data-theme="light"] .vgt__htrack,
html[data-theme="light"] .vgt__track {
  background: rgba(140, 162, 193, 0.28);
}

html[data-theme="light"] .vgt__hthumb,
html[data-theme="light"] .vgt__thumb {
  background: rgba(59, 127, 208, 0.45);
}

html[data-theme="light"] .vgt__hthumb:hover,
html[data-theme="light"] .vgt__thumb:hover {
  background: rgba(59, 127, 208, 0.62);
}

html[data-theme="light"] .vgt__sbtn {
  color: #395575;
}

html[data-theme="light"] .vgt__overlay {
  background: linear-gradient(
    to bottom,
    rgba(244, 248, 253, 0.74),
    rgba(244, 248, 253, 0.84)
  );
  color: #5a6f89;
}

html[data-theme="light"] .vgt__overlay[data-state="loading"]::before {
  border-color: rgba(92, 123, 158, 0.28);
  border-top-color: #4b84c4;
  border-right-color: #4b84c4;
}

html[data-theme="light"] .vgt__copyFab {
  border-color: #4f86c3;
  background: linear-gradient(180deg, #4c86c5, #3d72af);
  color: #f8fbff;
  box-shadow: 0 10px 24px rgba(19, 44, 78, 0.25);
}

html[data-theme="light"] .vgt__copyFab--headers {
  background: linear-gradient(180deg, #4a75a4, #3b628d);
  border-color: #4d79a8;
}

html[data-theme="light"] .vgt__copyFab[data-copied="1"] {
  background: linear-gradient(180deg, #23906f, #1c775b);
  border-color: #47bb9a;
}

html[data-theme="light"] .vgt__ctxMenu {
  border-color: #c6d3e5;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .vgt__ctxMenuItem {
  color: #223248;
}

html[data-theme="light"] .vgt__ctxMenuItem:hover {
  border-color: #90add1;
  background: #edf4fe;
}

html[data-theme="light"] .vgt__filterMenu {
  border-color: #c6d3e5;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .vgt__filterTitle {
  color: #25364f;
}

html[data-theme="light"] .vgt__filterSection {
  color: #5f7492;
}

html[data-theme="light"] .vgt__filterDivider {
  border-top-color: #d5dfec;
}

html[data-theme="light"] .vgt__filterOp,
html[data-theme="light"] .vgt__filterInput,
html[data-theme="light"] .vgt__searchSelect,
html[data-theme="light"] .vgt__searchInput {
  border-color: #c6d3e5;
  background: #f7faff;
  color: #203046;
}

html[data-theme="light"] .vgt__footer {
  background: linear-gradient(180deg, #f1f6fd, #e7eef9);
}

html[data-theme="light"] .vgt__pill {
  border-color: #c6d3e5;
  background: linear-gradient(180deg, #f3f7fd, #e8eff9);
  color: #23364d;
}

html[data-theme="light"] .vgt__searchInput::placeholder {
  color: #7a8fa9;
}

html[data-theme="light"] .vgt__ctxMenuItem:focus,
html[data-theme="light"] .vgt__filterBtn:focus,
html[data-theme="light"] .vgt__searchSelect:focus,
html[data-theme="light"] .vgt__searchInput:focus {
  border-color: #5d92cd;
  box-shadow: 0 0 0 2px rgba(93, 146, 205, 0.22);
}

@media (pointer: coarse) {
  html[data-theme="light"] .vgt__copyFab[data-copied="1"]::after {
    color: #f4fff8;
  }
}