:root {
  --unified-primary: #1a7db7;
  --unified-primary-dark: #115a86;
  --unified-accent: #16a085;
  --unified-text: #172033;
  --unified-muted: #667085;
  --unified-border: #d9e2ef;
  --unified-surface: #ffffff;
  --unified-soft: #f5f7fb;
}

body,
.content-wrapper,
.main-content {
  color: var(--unified-text);
  font-family: Tahoma, Arial, sans-serif;
}

.main-sidebar,
.sidebar-left,
.navbar-static-top,
.header,
.main-header .navbar,
.main-header .logo {
  letter-spacing: 0;
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
.sbtn,
.btn.btn-primary {
  border-color: var(--unified-primary) !important;
  background-color: var(--unified-primary) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
.sbtn:hover,
.btn.btn-primary:hover {
  border-color: var(--unified-primary-dark) !important;
  background-color: var(--unified-primary-dark) !important;
}

.panel,
.box,
.card,
.modal-content {
  border-radius: 8px !important;
  border-color: var(--unified-border) !important;
}

.panel-heading,
.box-header,
.card-header {
  border-color: var(--unified-border) !important;
}

.form-control,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"] {
  border-color: var(--unified-border);
  border-radius: 6px;
  box-shadow: none;
}

.form-control:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus {
  border-color: var(--unified-primary);
  box-shadow: 0 0 0 2px rgba(26, 125, 183, .12);
}

.table > thead > tr > th,
table.dataTable thead th {
  color: var(--unified-text);
  background: var(--unified-soft);
  border-color: var(--unified-border) !important;
}

.table > tbody > tr > td,
table.dataTable tbody td {
  border-color: var(--unified-border) !important;
}

.alert,
.callout {
  border-radius: 8px;
}

.badge-primary,
.label-primary {
  background-color: var(--unified-primary) !important;
}

.main-sidebar .sidebar-menu > li.active > a,
.main-sidebar .sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a,
.sidebar-menu > li:hover > a {
  border-color: var(--unified-accent) !important;
}