/* ── Background ── */
body, #app, .h-svh, #galleryView, .p-card, .p-panel, 
.p-panel-content, .p-toolbar, .p-card-body, .p-card-content,
.p-panel-content-wrapper, .p-panel-content-container {
  background-color: #080c12 !important;
}

/* ── Text Colors ── */
body, .p-card, .p-panel, h1, h2, h3, p, span, label {
  color: #d0d8e0 !important;
}

.text-muted-color, .text-muted-color-emphasis {
  color: rgba(208, 216, 224, 0.5) !important;
}

/* ── Toolbar ── */
.p-toolbar {
  background-color: #080c12 !important;
  border-bottom: 1px solid rgba(122, 154, 181, 0.2) !important;
}

.p-toolbar-center {
  color: #d0d8e0 !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
}

/* ── Buttons ── */
.p-button-secondary {
  color: #7a9ab5 !important;
}

.p-button-secondary:hover {
  color: #d0d8e0 !important;
  background: rgba(122, 154, 181, 0.1) !important;
}

.p-button:not(.p-button-text):not(.p-button-outlined) {
  background: #7a9ab5 !important;
  border-color: #7a9ab5 !important;
  color: #080c12 !important;
}

.p-button:not(.p-button-text):not(.p-button-outlined):hover {
  background: #d0d8e0 !important;
  border-color: #d0d8e0 !important;
}

/* ── Primary accent color ── */
.text-primary-400, .text-primary-500 {
  color: #7a9ab5 !important;
}

.border-primary-500 {
  border-color: #7a9ab5 !important;
}

.hover\:text-primary-300:hover {
  color: #d0d8e0 !important;
}

/* ── Panels & Cards ── */
.p-card.p-component {
  background: #0d1520 !important;
  border: 1px solid rgba(122, 154, 181, 0.15) !important;
}

.p-panel-header {
  background: #080c12 !important;
  border-bottom: 1px solid rgba(122, 154, 181, 0.2) !important;
  color: #7a9ab5 !important;
}

/* ── Album thumbnails ── */
.album-thumb .thumbimg {
  border-color: rgba(122, 154, 181, 0.2) !important;
}

.album-thumb:hover .thumbimg {
  border-color: #7a9ab5 !important;
}

/* ── Photo thumbnails ── */
.photo .thumbimg {
  border-color: rgba(122, 154, 181, 0.1) !important;
}

/* ── Inputs & Forms ── */
.p-inputtext, .p-textarea, .p-select {
  background: #0d1520 !important;
  border-color: rgba(122, 154, 181, 0.3) !important;
  color: #d0d8e0 !important;
}

.p-inputtext:focus, .p-textarea:focus {
  border-color: #7a9ab5 !important;
  box-shadow: none !important;
}

/* ── Toggle Switch ── */
.p-toggleswitch-checked .p-toggleswitch-slider {
  background: #7a9ab5 !important;
}

/* ── Chips / Tags ── */
.p-chip {
  background: rgba(122, 154, 181, 0.15) !important;
  color: #7a9ab5 !important;
  border: 1px solid rgba(122, 154, 181, 0.3) !important;
}

/* ── Badges ── */
.badge.bg-green-600 {
  background-color: #7a9ab5 !important;
}

/* ── Sidebar navigation ── */
.xl\:border-l-2 {
  border-color: #7a9ab5 !important;
}

/* ── Footer ── */
#footer {
  background: #080c12 !important;
  border-top: 1px solid rgba(122, 154, 181, 0.2) !important;
}

#footer p, #footer a {
  color: rgba(208, 216, 224, 0.35) !important;
}

#footer a:hover {
  color: #7a9ab5 !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #080c12;
}

::-webkit-scrollbar-thumb {
  background: rgba(122, 154, 181, 0.3);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #7a9ab5;
}