:root {
  --table-width: 50%;
  --table-line-height: 28px;
  --table-font-size: 13px;
  --table-rollover: var(--base-color-60);
  --table-rollodd: var(--table-rollover);
  --table-rolleven: var(--table-rollover);
  --table-head-bg: var(--base-color-40);
  --table-button: var(--base-color-40);
  --table-rowodd: var(--base-color-90);
  --table-roweven: var(--base-color-75);
  --table-sortodd: hsla(var(--base-color-hue), var(--base-color-sat), 90%, 0.1);
  --table-sorteven: hsla(var(--base-color-hue), var(--base-color-sat), 80%, 0.1);
  --table-cell-padding: 8px;
  --table-condensed-cell-padding: 5px;
  --table-bg: transparent;
  --table-bg-accent: #f9f9f9;
  --table-bg-hover: #f5f5f5;
  --table-bg-active: var(--table-bg-hover);
  --table-border-color: #ddd;
  --table-row-selected: brightness(var(--brand-dark), 30%);
}