/* Barber theme: align app with landing (minimal) – dark mode only */

[data-layout-mode=dark] {
  /* Background and text (landing: --bc-bg-dark, --bc-text) */
  --vz-body-bg: #0b0e14;
  --vz-body-bg-rgb: 11, 14, 20;
  --vz-body-color: #ffffffd9;
  --vz-body-color-rgb: 255, 255, 255;
  --vz-heading-color: #ffffffd9;

  /* Primary / accent – gold (landing: --bc-accent) */
  --vz-primary: #f7b84b;
  --vz-primary-rgb: 247, 184, 75;
  --vz-link-color: #f7b84b;
  --vz-link-hover-color: #f7b84b;

  /* Topbar and nav */
  --vz-header-bg: rgba(11, 14, 20, 0.95);
  --vz-header-bg-dark: #0f1218;
  --vz-header-item-color: #e9ecef;
  --vz-header-item-color-dark: rgba(255, 255, 255, 0.6);
  --vz-topbar-search-bg: rgba(255, 255, 255, 0.04);
  --vz-topbar-user-bg: rgba(255, 255, 255, 0.04);
  --vz-topbar-user-bg-dark: rgba(247, 184, 75, 0.15);
  --vz-topnav-bg: rgba(11, 14, 20, 0.95);
  --vz-topnav-item-color: #8895a7;
  --vz-topnav-item-color-active: #f7b84b;

  /* Vertical menu (dark) */
  --vz-vertical-menu-bg-dark: #0f1218;
  --vz-vertical-menu-item-color-dark: #8895a7;
  --vz-vertical-menu-item-hover-color-dark: #f7b84b;
  --vz-vertical-menu-item-active-color-dark: #f7b84b;
  --vz-vertical-menu-sub-item-color-dark: #8895a7;
  --vz-vertical-menu-sub-item-hover-color-dark: #f7b84b;
  --vz-vertical-menu-sub-item-active-color-dark: #f7b84b;
  --vz-vertical-menu-title-color-dark: #556377;
  --vz-vertical-menu-item-hover-color: #f7b84b;
  --vz-vertical-menu-item-active-color: #f7b84b;
  --vz-vertical-menu-sub-item-hover-color: #f7b84b;
  --vz-vertical-menu-sub-item-active-color: #f7b84b;

  /* Two-column menu dark */
  --vz-twocolumn-menu-iconview-bg-dark: #0f1218;
  --vz-twocolumn-menu-bg-dark: #0f1218;
  --vz-twocolumn-menu-item-color-dark: #8895a7;
  --vz-twocolumn-menu-item-active-color-dark: #f7b84b;
  --vz-twocolumn-menu-item-active-bg-dark: rgba(247, 184, 75, 0.1);

  /* Cards and surfaces (landing: --bc-bg-card, --bc-border) */
  --vz-card-bg-custom: rgba(255, 255, 255, 0.04);
  --vz-border-color: rgba(255, 255, 255, 0.06);
  --vz-footer-bg: #0b0e14;
  --vz-footer-color: #8895a7;

  /* Grays for consistency */
  --vz-gray-100: #0b0e14;
  --vz-gray-200: #0f1218;
  --vz-gray-300: rgba(255, 255, 255, 0.06);
  --vz-boxed-body-bg: #0b0e14;
  --vz-list-group-hover-bg: rgba(255, 255, 255, 0.07);

  /* Inputs and form controls */
  --vz-input-bg: rgba(255, 255, 255, 0.04);
  --vz-input-border: rgba(255, 255, 255, 0.06);
  --vz-input-focus-border: rgba(247, 184, 75, 0.5);
  --vz-input-disabled-bg: rgba(255, 255, 255, 0.02);
  --vz-input-group-addon-bg: rgba(255, 255, 255, 0.04);
  --vz-input-check-border: rgba(255, 255, 255, 0.12);
}

[data-layout-mode=dark] body {
  font-family: 'Poppins', sans-serif;
}

[data-layout-mode=dark] .dropdown-menu {
  --vz-dropdown-bg: #fff;
  --vz-dropdown-color: #212529;
  --vz-dropdown-link-color: #212529;
  --vz-dropdown-link-hover-color: #212529;
  --vz-dropdown-link-hover-bg: rgba(247, 184, 75, 0.12);
  --vz-dropdown-link-active-bg: rgba(247, 184, 75, 0.15);
  --vz-dropdown-link-active-color: #212529;
  --vz-dropdown-header-color: #495057;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #212529;
}
[data-layout-mode=dark] .dropdown-menu .dropdown-item,
[data-layout-mode=dark] .dropdown-menu .dropdown-icon-item {
  color: #212529;
}
[data-layout-mode=dark] .dropdown-menu .dropdown-item:hover,
[data-layout-mode=dark] .dropdown-menu .dropdown-item:focus,
[data-layout-mode=dark] .dropdown-menu .dropdown-icon-item:hover {
  color: #212529;
  background-color: rgba(247, 184, 75, 0.12);
}
[data-layout-mode=dark] .dropdown-menu .dropdown-item.active {
  color: #212529;
  background-color: rgba(247, 184, 75, 0.15);
}

[data-layout-mode=dark] .choices,
[data-layout-mode=dark] .flatpickr-calendar,
[data-layout-mode=dark] .ck,
[data-layout-mode=dark] .ql-toolbar,
[data-layout-mode=dark] .select2-container,
[data-layout-mode=dark] .menu-dropdown {
  --vz-choices-bg: #fff;
  --vz-choices-link-color: #212529;
  --vz-choices-link-hover-bg: rgba(247, 184, 75, 0.12);
  --vz-choices-link-active-color: #212529;
}

[data-layout-mode=dark] .choices__list--dropdown,
[data-layout-mode=dark] .choices__list[aria-expanded="true"],
[data-layout-mode=dark] .select2-dropdown,
[data-layout-mode=dark] .select2-results__options {
  background-color: #fff !important;
  color: #212529 !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

[data-layout-mode=dark] .choices__item--selectable,
[data-layout-mode=dark] .choices__item--choice,
[data-layout-mode=dark] .select2-results__option {
  color: #212529 !important;
}

[data-layout-mode=dark] .choices__item--selectable.is-highlighted,
[data-layout-mode=dark] .choices__item--choice.is-highlighted,
[data-layout-mode=dark] .select2-results__option--highlighted {
  background-color: rgba(247, 184, 75, 0.12) !important;
  color: #212529 !important;
}

[data-layout-mode=dark] .choices__input {
  background-color: #fff !important;
  color: #212529 !important;
}

[data-layout-mode=dark] .choices__inner {
  background-color: #fff !important;
  color: #212529 !important;
  border-color: rgba(0, 0, 0, 0.15);
}

[data-layout-mode=dark] .form-select,
[data-layout-mode=dark] select.form-control {
  color: #212529 !important;
  background-color: #fff !important;
}