:root {
  --personastack-vanilla: #12122a;
  --personastack-sage: #9ca3af;
  --personastack-cream: #0a0a14;
  --personastack-blue: #3374ff;
  --personastack-apricot: #1b52f5;
  --personastack-input-bg: #161628;
  --personastack-blue-rgb: 51, 116, 255;
  --personastack-evergreen: #e5e7eb;
  --personastack-evergreen-rgb: 229, 231, 235;
  --personastack-status-green: #2e7d32;
  --personastack-status-green-rgb: 46, 125, 50;
  --personastack-status-red: #b42318;
  --personastack-status-red-rgb: 180, 35, 24;
  --bs-body-bg: var(--personastack-cream);
  --bs-body-color: var(--personastack-evergreen);
  --bs-body-color-rgb: var(--personastack-evergreen-rgb);
  --bs-primary: var(--personastack-blue);
  --bs-primary-rgb: var(--personastack-blue-rgb);
  --bs-secondary: var(--personastack-sage);
  --bs-secondary-rgb: 156, 163, 175;
  --bs-success: var(--personastack-status-green);
  --bs-success-rgb: var(--personastack-status-green-rgb);
  --bs-info: var(--personastack-blue);
  --bs-info-rgb: var(--personastack-blue-rgb);
  --bs-warning: var(--personastack-apricot);
  --bs-warning-rgb: 27, 82, 245;
  --bs-danger: var(--personastack-status-red);
  --bs-danger-rgb: var(--personastack-status-red-rgb);
  --bs-light: var(--personastack-vanilla);
  --bs-light-rgb: 18, 18, 42;
  --bs-dark: var(--personastack-evergreen);
  --bs-dark-rgb: var(--personastack-evergreen-rgb);
  --bs-link-color: var(--personastack-blue);
  --bs-link-hover-color: var(--personastack-evergreen);
  --bs-secondary-color: var(--personastack-evergreen);
  --bs-secondary-color-rgb: var(--personastack-evergreen-rgb);
  --bs-tertiary-bg: var(--personastack-vanilla);
  --bs-tertiary-bg-rgb: 18, 18, 42;
  --bs-border-color: rgba(255, 255, 255, 0.08);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.08);
  --bs-card-bg: var(--personastack-vanilla);
  --bs-card-border-color: rgba(255, 255, 255, 0.08);
  --bs-table-bg: var(--personastack-vanilla);
}

/* Unified toast semantic tones across all pages and local toast variants. */
.toast.text-bg-success,
.toast-success,
.toast.stacks-toast-success,
.toast.google-cloud-dns-toast-success,
.toast.user-management-toast-success {
  background-color: var(--personastack-status-green) !important;
  border-color: rgba(var(--personastack-status-green-rgb), 0.92) !important;
  color: #ffffff !important;
}

.toast.text-bg-danger,
.toast-error,
.toast.google-cloud-dns-toast-danger,
.toast.user-management-toast-error {
  background-color: var(--personastack-status-red) !important;
  border-color: rgba(var(--personastack-status-red-rgb), 0.92) !important;
  color: #ffffff !important;
}

.toast.text-bg-success .toast-body,
.toast-success .toast-body,
.toast.stacks-toast-success .toast-body,
.toast.google-cloud-dns-toast-success .toast-body,
.toast.user-management-toast-success .toast-body,
.toast.text-bg-danger .toast-body,
.toast-error .toast-body,
.toast.google-cloud-dns-toast-danger .toast-body,
.toast.user-management-toast-error .toast-body {
  color: #ffffff !important;
}

.toast.text-bg-success .btn-close,
.toast-success .btn-close,
.toast.stacks-toast-success .btn-close,
.toast.google-cloud-dns-toast-success .btn-close,
.toast.user-management-toast-success .btn-close,
.toast.text-bg-danger .btn-close,
.toast-error .btn-close,
.toast.google-cloud-dns-toast-danger .btn-close,
.toast.user-management-toast-error .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 0.9;
}

/* Phase 1: Lightbox Unification Refactor - Ps Modal Styles */
.ps-modal .modal-content {
  background: #12122a !important;
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ps-modal .btn-close {
  filter: invert(1);
}

/* Global Backdrop tweak for Phase 1 unification. */
.modal-backdrop {
  opacity: 0.65 !important;
}