/* ==========================================================================
   Brand Colors
   Primary: #df477d | Dark: #0f0520
   Loaded after styles.css — overrides the template's default color tokens.
   ========================================================================== */

:root {
  --bs-primary: #df477d;
  --bs-primary-rgb: 223, 71, 125;
  --bs-dark: #0f0520;
  --bs-dark-rgb: 15, 5, 32;
  --bs-primary-text-emphasis: #591c32;
  --bs-primary-bg-subtle: #fbecf2;
  --bs-primary-border-subtle: #f7d1df;
  --bs-link-color: #df477d;
  --bs-link-color-rgb: 223, 71, 125;
  --bs-link-hover-color: #b23964;
  --bs-link-hover-color-rgb: 178, 57, 100;
  --bs-focus-ring-color: rgba(223, 71, 125, 0.25);
}

[data-bs-theme=light] {
  --bs-heading-color: #0f0520;
}

/* Dark mode: #0f0520 drives the background palette, text stays light */
[data-bs-theme=dark] {
  --bs-body-bg: #0f0520;
  --bs-body-bg-rgb: 15, 5, 32;
  --bs-secondary-bg: #1b112b;
  --bs-secondary-bg-rgb: 27, 17, 43;
  --bs-tertiary-bg: #1b112b;
  --bs-tertiary-bg-rgb: 27, 17, 43;
  --bs-light-bg-subtle: #190f29;
  --bs-dark-bg-subtle: #0a0315;
  --bs-border-color: #3a3248;
  --bs-primary-text-emphasis: #ec91b1;
  --bs-primary-bg-subtle: #2d0e19;
  --bs-primary-border-subtle: #862b4b;
  --bs-link-color: #ec91b1;
  --bs-link-color-rgb: 236, 145, 177;
  --bs-link-hover-color: #f0a7c1;
  --bs-link-hover-color-rgb: 240, 167, 193;
}

[data-color-theme=blue] {
  --bs-link-color: #df477d;
  --bs-link-color-rgb: 223, 71, 125;
  --bs-link-hover-color: #b23964;
  --bs-link-hover-color-rgb: 178, 57, 100;
  --bs-primary: #df477d;
  --bs-primary-rgb: 223, 71, 125;
  --bs-primary-text-emphasis: #591c32;
  --bs-primary-bg-subtle: #fbecf2;
  --bs-primary-border-subtle: #f7d1df;
  --bs-btn-primary-hover: #be3c6a;
  --bs-btn-primary-border-hover: #b23964;
  --bs-btn-primary-active: #b23964;
}

html[data-bs-theme=dark][data-color-theme] {
  --bs-primary-bg-subtle: #16070d;
  --bs-primary-border-subtle: #2d0e19;
}

/* begin::Buttons -- the template hard-codes these, so they need explicit overrides */
.btn-primary {
  --bs-btn-bg: #df477d;
  --bs-btn-border-color: #df477d;
  --bs-btn-hover-bg: #be3c6a;
  --bs-btn-hover-border-color: #b23964;
  --bs-btn-focus-shadow-rgb: 228, 99, 145;
  --bs-btn-active-bg: #b23964;
  --bs-btn-active-border-color: #a7355e;
  --bs-btn-disabled-bg: #df477d;
  --bs-btn-disabled-border-color: #df477d;
}

.btn-outline-primary {
  --bs-btn-color: #df477d;
  --bs-btn-border-color: #df477d;
  --bs-btn-hover-bg: #df477d;
  --bs-btn-hover-border-color: #df477d;
  --bs-btn-focus-shadow-rgb: 223, 71, 125;
  --bs-btn-active-bg: #df477d;
  --bs-btn-active-border-color: #df477d;
  --bs-btn-disabled-color: #df477d;
  --bs-btn-disabled-border-color: #df477d;
}

.btn-dark {
  --bs-btn-bg: #0f0520;
  --bs-btn-border-color: #0f0520;
  --bs-btn-hover-bg: #332b41;
  --bs-btn-hover-border-color: #271e36;
  --bs-btn-focus-shadow-rgb: 51, 43, 65;
  --bs-btn-active-bg: #3f374d;
  --bs-btn-active-border-color: #271e36;
  --bs-btn-disabled-bg: #0f0520;
  --bs-btn-disabled-border-color: #0f0520;
}

.btn-outline-dark {
  --bs-btn-color: #0f0520;
  --bs-btn-border-color: #0f0520;
  --bs-btn-hover-bg: #0f0520;
  --bs-btn-hover-border-color: #0f0520;
  --bs-btn-focus-shadow-rgb: 15, 5, 32;
  --bs-btn-active-bg: #0f0520;
  --bs-btn-active-border-color: #0f0520;
  --bs-btn-disabled-color: #0f0520;
  --bs-btn-disabled-border-color: #0f0520;
}
/* end::Buttons */

.table-dark {
  --bs-table-bg: #0f0520;
  --bs-table-border-color: #271e36;
  --bs-table-striped-bg: #1b122b;
  --bs-table-active-bg: #271e36;
}

/* begin::System logo — uploaded via Settings → General, so its dimensions are
   unknown; keep it contained inside the sidebar brand and the auth card. */
.app-navbar-brand .navbar-brand-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.app-navbar-brand .navbar-brand-logo img {
  max-height: 40px;
  max-width: 180px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Mini sidebar: hide the name like the template hid the wordmark, and keep the logo inside the narrow rail. */
[data-app-sidebar=mini] .app-menubar .app-navbar-brand .app-brand-name {
  display: none;
}

[data-app-sidebar=mini] .app-menubar .app-navbar-brand .navbar-brand-logo img {
  max-width: 100%;
}

.app-brand-name {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--bs-emphasis-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.auth-card .auth-logo img {
  max-height: 44px;
  max-width: 220px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.auth-brand-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--bs-emphasis-color);
}
/* end::System logo */