:root {
  --si-page: #f0f9f6;
  --si-surface: #ffffff;
  --si-primary: #0d9488;
  --si-primary-hover: #0f766e;
  --si-accent: #0284c7;
  --si-text: #0f172a;
  --si-muted: #64748b;
  --si-positive: #16a34a;
  --si-negative: #ef4444;
  --si-warning: #f59e0b;
  --si-border: rgba(13, 148, 136, 0.16);

  --auth-bg-1: #ecf8f4;
  --auth-bg-2: #f8fafc;
  --auth-accent: #0d9488;
  --auth-accent-hover: #0f766e;
  --auth-text: #0f172a;
  --auth-muted: #64748b;
  --auth-border: rgba(15, 23, 42, 0.1);
  --auth-card: #ffffff;

  --primary: #0d9488;
  --info: #0284c7;
  --success: #16a34a;
}

.content-wrapper {
  background-color: var(--si-page) !important;
}

.main-sidebar {
  background-color: var(--si-surface);
}

.brand-link {
  color: var(--si-text) !important;
  border-bottom-color: rgba(13, 148, 136, 0.16) !important;
}

.main-sidebar .brand-text {
  color: var(--si-text);
  font-weight: 600;
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link {
  color: var(--si-text);
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar .nav-link.active {
  background-color: var(--si-primary) !important;
  color: #fff !important;
}

.sidebar-light-primary .nav-treeview > .nav-item > .nav-link.active,
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
  background-color: rgba(13, 148, 136, 0.12) !important;
  color: var(--si-primary) !important;
}

.btn-primary {
  background-color: var(--si-primary) !important;
  border-color: var(--si-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--si-primary-hover) !important;
  border-color: var(--si-primary-hover) !important;
}

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

.text-primary,
a.text-primary {
  color: var(--si-primary) !important;
}

.btn-info {
  background-color: var(--si-accent) !important;
  border-color: var(--si-accent) !important;
}

.page-item.active .page-link {
  background-color: var(--si-primary);
  border-color: var(--si-primary);
}

.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked {
  background-color: var(--si-primary);
  border-color: var(--si-primary);
}

a:not(.btn):not(.nav-link):not(.brand-link):not(.dropdown-item):not(.page-link) {
  color: var(--si-accent);
}