:root {
  --dtkt-focus_outline-width: 2px;
  --dtkt-focus_outline-color: #3366ff;
  --dtkt-focus_outline-color-selected: #0033cc;
  --dtkt-focus_background: transparent;
  --dtkt-focus-alt_outline-color: #ff8b33;
  --dtkt-focus-alt_background: transparent;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
  outline-width: var(--dtkt-focus_outline-width);
  outline-style: solid;
  outline-color: var(--dtkt-focus_outline-color);
  outline-offset: calc(var(--dtkt-focus_outline-width) * -1);
  background: var(--dtkt-focus_background);
}
table.dataTable tbody tr.selected th.focus,
table.dataTable tbody tr.selected td.focus {
  outline-color: var(--dtkt-focus_outline-color-selected);
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
  outline-color: var(--dtkt-focus-alt_outline-color);
  background: var(--dtkt-focus-alt_background);
}

:root {
  --dtkt-focus_outline-color: #888;
  --dtkt-focus_outline-color-selected: #555555;
}