:root {
  --apex-teal: #3E8998;
  --apex-bg: #FFFFFF;
  --apex-soft: #F8FAFC;
  --apex-text: #222222;
  --apex-border: #E5E7EB;
  --primary: #3E8998;
  --primary-light: #3E8998;
  --primary-dark: #3E8998;
  --accent-primary: #3E8998;
  --accent-light: #F8FAFC;
  --admin-primary: #3E8998;
  --admin-primary-dark: #3E8998;
  --admin-primary-light: #3E8998;
  --admin-dark: #222222;
  --text-primary: #222222;
  --dark: #222222;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --bg: #F8FAFC;
  --bg-dash: #F8FAFC;
}

html,
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: var(--apex-text) !important;
  background: var(--apex-soft) !important;
}

h1,
h2,
.content-header h1,
.page-title,
.dashboard-title,
.admin-title,
.client-title {
  color: var(--apex-text) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.main-content,
.content-area,
.dashboard-content,
.admin-content,
.client-content {
  background: var(--apex-soft) !important;
}

.card,
.admin-card,
.dashboard-card,
.stat-card,
.metric-card,
.kpi-card,
[class*="__card"],
[class*="-card"] {
  border-color: var(--apex-border) !important;
}

.btn-primary,
.btn-success,
.btn-gradient,
.primary-btn,
.action-btn,
.submit-btn,
.save-btn,
.create-btn,
button[type="submit"],
a.btn-primary {
  background: var(--apex-teal) !important;
  border-color: var(--apex-teal) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-gradient:hover,
.primary-btn:hover,
.action-btn:hover,
.submit-btn:hover,
.save-btn:hover,
.create-btn:hover,
button[type="submit"]:hover,
a.btn-primary:hover {
  background: var(--apex-teal) !important;
  border-color: var(--apex-teal) !important;
  color: #FFFFFF !important;
}

.sidebar .nav-link.active,
.sidebar-nav a.active,
.sidebar .menu-item.active,
.nav-pills .nav-link.active,
.tabs .active,
.tab.active {
  background: var(--apex-soft) !important;
  color: var(--apex-teal) !important;
  border-color: var(--apex-teal) !important;
}

.sidebar .nav-link.active i,
.sidebar-nav a.active i,
.sidebar .menu-item.active i,
.text-primary,
.link-primary,
[class*="--teal"],
[class*="--green"] {
  color: var(--apex-teal) !important;
}

.badge.bg-primary,
.badge.bg-success,
.status-pill,
.status-badge,
.plan-badge,
.feature-badge,
.notification-badge,
[class*="badge--green"],
[class*="badge--active"],
[class*="status--active"] {
  background: var(--apex-soft) !important;
  color: var(--apex-teal) !important;
  border-color: var(--apex-border) !important;
}

.progress-bar,
.form-check-input:checked,
.toggle input:checked + span,
.toggle input:checked + .slider,
[class*="__fill--green"],
[class*="fill--teal"] {
  background-color: var(--apex-teal) !important;
  border-color: var(--apex-teal) !important;
}

a {
  color: var(--apex-teal);
}

a:hover {
  color: var(--apex-teal);
}