/* Deep Spruce Teal & Mint Design System */
:root,
[data-bs-theme="dark"] {
  --primary-teal: #2dd4bf;
  --primary-teal-dark: #0d9488;
  --spruce-bg: #061e1c;
  --spruce-card: #0b2e2b;
  --spruce-header: #082623;
  --spruce-border: #114c46;
  --bs-body-color: #f1f5f9;
  --bs-secondary-color: #cbd5e1;
  --bs-tertiary-color: #94a3b8;
  --bs-emphasis-color: #ffffff;
}

.text-muted,
.text-body-secondary {
  color: #cbd5e1 !important;
}

.text-secondary {
  color: #94a3b8 !important;
}

html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

body {
  background-color: var(--spruce-bg);
  color: #f1f5f9;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  margin-bottom: 0;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #061e1c;
}
::-webkit-scrollbar-thumb {
  background: #114c46;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2dd4bf;
}

/* Form Controls */
.form-control, .form-select {
  background-color: #07211f !important;
  border: 1px solid #114c46 !important;
  color: #f8fafc !important;
  border-radius: 10px;
}

.form-control:focus, .form-select:focus {
  background-color: #0a2d2a !important;
  border-color: #2dd4bf !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(45, 212, 191, 0.35) !important;
}

.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

/* Buttons */
.btn-teal-action {
  background: rgba(45, 212, 191, 0.15);
  color: #2dd4bf;
  border: 1px solid rgba(45, 212, 191, 0.3);
  border-radius: 8px;
  transition: all 0.2s ease;
}
.btn-teal-action:hover {
  background: #2dd4bf;
  color: #042f2e;
  border-color: #2dd4bf;
}

/* Toastr styling tweaks */
#toast-container > div {
  opacity: 0.96;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}