:root {
  --brand-900: #1e2943;
  --brand-800: #293653;
  --brand-700: #354462;
  --brand-soft: #eef1f5;
  --brand-soft-strong: #e7ebf1;
  --td-brand-color: #1e2943;
  --td-brand-color-hover: #293653;
  --td-brand-color-active: #172038;
  --td-brand-color-focus: rgba(30, 41, 67, 0.24);
  --td-brand-color-light: #eef1f5;
  --td-brand-color-light-hover: #e7ebf1;
}

html,
body,
#root,
.app-shell,
.t-layout,
.t-layout__content,
.content {
  background: var(--brand-soft) !important;
}

.login-page,
.boot {
  background:
    linear-gradient(180deg, #f8fafc 0%, var(--brand-soft) 100%) !important;
}

.sidebar,
.topbar,
.t-card,
.t-dialog,
.t-dialog__body,
.t-table,
.t-popup__content,
.t-dropdown__menu {
  background-color: #ffffff !important;
}

.sidebar,
.topbar,
.t-card,
.t-dialog {
  border-color: #dde3ec !important;
}

.brand {
  color: var(--brand-900) !important;
}

.t-button--theme-primary,
.t-button--theme-primary.t-button--variant-base {
  background-color: var(--brand-900) !important;
  border-color: var(--brand-900) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(30, 41, 67, 0.16);
}

.t-button--theme-primary:hover,
.t-button--theme-primary.t-button--variant-base:hover {
  background-color: var(--brand-800) !important;
  border-color: var(--brand-800) !important;
}

.t-button--theme-primary:active,
.t-button--theme-primary.t-button--variant-base:active {
  background-color: #172038 !important;
  border-color: #172038 !important;
}

.t-button--variant-outline:hover,
.t-button--variant-text:hover {
  color: var(--brand-900) !important;
  border-color: var(--brand-900) !important;
}

.t-menu__item.t-is-active,
.t-menu__item:hover {
  color: var(--brand-900) !important;
  background-color: var(--brand-soft) !important;
}

.t-menu__item.t-is-active::before {
  background-color: var(--brand-900) !important;
}

.t-tag--theme-primary,
.t-tag.t-tag--theme-primary {
  color: var(--brand-900) !important;
  background-color: var(--brand-soft) !important;
  border-color: #d6deea !important;
}

.t-link,
.t-link--theme-primary,
.t-tabs__nav-item.t-is-active {
  color: var(--brand-900) !important;
}

.t-input:focus,
.t-input.t-is-focused,
.t-textarea:focus,
.t-select.t-is-focused,
.t-input-number.t-is-focused {
  border-color: var(--brand-900) !important;
  box-shadow: 0 0 0 2px rgba(30, 41, 67, 0.12) !important;
}

.plugin-icon,
.plugin-icon-empty {
  background-color: var(--brand-soft) !important;
}