/* Trenchmonkeyz palette overrides (colors only) */
:root {
  --tmz-bg: #0a0a0a;
  --tmz-surface: #1a1a1a;
  --tmz-surface-2: #2a2a2a;
  --tmz-primary: #a855f7;
  --tmz-primary-rgb: 168, 85, 247;
  --tmz-accent: #d946ef;
  --tmz-accent-rgb: 217, 70, 239;
  --tmz-text: #ffffff;
  --tmz-muted: #9ca3af;
  --tmz-muted-rgb: 156, 163, 175;
  --tmz-border: #2f2f3a;
}

:root {
  --bs-primary: var(--tmz-primary);
  --bs-primary-rgb: var(--tmz-primary-rgb);
  --bs-link-color: var(--tmz-primary);
  --bs-link-hover-color: var(--tmz-accent);
}

/* Only apply the dark trenchmonkeyz surfaces when Bootstrap dark mode is enabled */
[data-bs-theme="dark"] {
  --bs-body-bg: var(--tmz-bg);
  --bs-body-color: var(--tmz-text);
  --bs-body-color-rgb: 255, 255, 255;
  --bs-secondary-color: var(--tmz-muted);
  --bs-secondary-color-rgb: var(--tmz-muted-rgb);

  --bs-secondary-bg: var(--tmz-surface);
  --bs-tertiary-bg: var(--tmz-surface);

  --bs-card-bg: var(--tmz-surface);
  --bs-card-color: var(--tmz-text);

  --bs-dropdown-bg: var(--tmz-surface);
  --bs-dropdown-link-color: var(--tmz-text);
  --bs-dropdown-link-hover-color: var(--tmz-text);
  --bs-dropdown-link-hover-bg: var(--tmz-surface-2);

  --bs-modal-bg: var(--tmz-surface);
  --bs-popover-bg: var(--tmz-surface);
  --bs-border-color: var(--tmz-border);
}

/* Huraga client sidebar: keep pink/purple on hover (no white hover) */
.offcanvas-item:hover {
  background: rgba(var(--bs-primary-rgb), 0.12) !important;
}

.offcanvas-item:hover>a,
.offcanvas-item>a:hover {
  color: var(--bs-primary) !important;
}

body {
  background: var(--tmz-bg) !important;
  color: var(--tmz-text) !important;
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.navbar,
.card,
.modal-content,
.list-group-item,
.table,
.form-control,
.form-select,
.dropdown-menu {
  background-color: var(--tmz-surface) !important;
  color: var(--tmz-text) !important;
  border-color: var(--tmz-border) !important;
}

.btn-primary {
  background: linear-gradient(135deg, var(--tmz-primary), var(--tmz-accent)) !important;
  border: none !important;
}

.btn-outline-primary {
  color: var(--tmz-primary) !important;
  border-color: var(--tmz-primary) !important;
}

.btn-outline-primary:hover {
  background: rgba(var(--tmz-primary-rgb), 0.15) !important;
}

.svg-icon,
.fa,
.fas,
.far,
.fab {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

img {
  max-width: 100%;
  height: auto;
}