/*
 * Depify Theme Override
 * Color palette sourced from Critson (critsonextjs.vercel.app)
 * Fonts: Inter + Poppins
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  /* ── Depify Palette (3 card colors + neutrals) ── */
  --dw-primary:       #161326;
  --dw-dark-card:     #24293E;
  --dw-lime:          #C0FAA0;
  --dw-green:         #2BC155;
  --dw-gray-dark:     #6D6D6D;
  --dw-gray:          #A4A4A9;
  --dw-bg:            #F8F8F8;

  /* ── Bootstrap Variable Overrides ── */
  --bs-primary:       #161326;
  --bs-primary-rgb:   22, 19, 38;
  --bs-secondary:     #A4A4A9;
  --bs-secondary-rgb: 164, 164, 169;
  --bs-success:       #2BC155;
  --bs-success-rgb:   43, 193, 85;
  --bs-info:          #AFC0FF;
  --bs-info-rgb:      175, 192, 255;
  --bs-warning:       #ECFF79;
  --bs-warning-rgb:   236, 255, 121;
  --bs-danger:        #FD7972;
  --bs-danger-rgb:    253, 121, 114;
  --bs-dark:          #161326;
  --bs-dark-rgb:      22, 19, 38;
  --bs-light:         #F8F8F8;
  --bs-light-rgb:     248, 248, 248;

  /* Font */
  --bs-font-family-base: 'Inter', 'Poppins', system-ui, -apple-system, sans-serif;
}

/* ── Font & Body ── */
body {
  font-family: 'Inter', 'Poppins', system-ui, -apple-system, sans-serif;
  background-color: #F8F8F8;
  line-height: 1.5;
}
p { line-height: 1.5; margin-bottom: 0.5rem; }
.card-body { line-height: 1.4; }
.table td, .table th { padding: 0.625rem 1rem; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; line-height: 1.3; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif;
}

/* ── Primary Buttons ── */
.btn-primary {
  --bs-btn-bg: #161326;
  --bs-btn-border-color: #161326;
  --bs-btn-hover-bg: #1e1a33;
  --bs-btn-hover-border-color: #1e1a33;
  --bs-btn-active-bg: #0f0c1e;
  --bs-btn-active-border-color: #0f0c1e;
  --bs-btn-color: #fff;
}

.btn-outline-primary {
  --bs-btn-color: #161326;
  --bs-btn-border-color: #161326;
  --bs-btn-hover-bg: #161326;
  --bs-btn-hover-border-color: #161326;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #161326;
  --bs-btn-active-border-color: #161326;
}

/* ── Accent button (lime green — the Critson CTA color) ── */
.btn-accent,
.btn-success {
  --bs-btn-bg: #2BC155;
  --bs-btn-border-color: #2BC155;
  --bs-btn-hover-bg: #24a549;
  --bs-btn-hover-border-color: #24a549;
  --bs-btn-color: #fff;
}

/* ── Labels / Badges ── */
.badge.bg-primary,
.badge.bg-label-primary {
  background-color: #161326 !important;
  color: #fff !important;
}
.badge.bg-label-primary {
  background-color: rgba(22, 19, 38, 0.12) !important;
  color: #161326 !important;
}
.badge.bg-label-success {
  background-color: rgba(43, 193, 85, 0.12) !important;
  color: #2BC155 !important;
}
.badge.bg-label-danger {
  background-color: rgba(253, 121, 114, 0.12) !important;
  color: #FD7972 !important;
}
.badge.bg-label-warning {
  background-color: rgba(236, 255, 121, 0.15) !important;
  color: #8a8c00 !important;
}
.badge.bg-label-info {
  background-color: rgba(175, 192, 255, 0.15) !important;
  color: #5a6fd6 !important;
}

/* ── Links ── */
a { color: #161326; }
a:hover { color: #24293E; }

/* ── Sidebar ── */
.layout-menu,
.bg-menu-theme {
  --bs-menu-bg: #161326 !important;
  --bs-menu-color: rgba(255, 255, 255, 0.7) !important;
  --bs-menu-hover-bg: rgba(192, 250, 160, 0.1) !important;
  --bs-menu-hover-color: #C0FAA0 !important;
  --bs-menu-active-bg: rgba(192, 250, 160, 0.15) !important;
  --bs-menu-active-color: #C0FAA0 !important;
  --bs-menu-sub-active-bg: rgba(192, 250, 160, 0.08) !important;
  --bs-menu-sub-active-color: #C0FAA0 !important;
  background-color: #161326 !important;
}
.layout-menu .menu-inner .menu-item .menu-link {
  color: rgba(255, 255, 255, 0.7);
}
.layout-menu .menu-inner .menu-item .menu-link:hover {
  background-color: rgba(192, 250, 160, 0.1) !important;
  color: #C0FAA0 !important;
}
.menu-inner .menu-item.active > .menu-link,
.menu-link.active {
  background-color: rgba(192, 250, 160, 0.15) !important;
  color: #C0FAA0 !important;
  border-radius: 6px;
  margin: 0 0.75rem;
}
.menu-vertical .menu-item:not(.active):not(.open) .menu-link:hover {
  background-color: rgba(192, 250, 160, 0.1) !important;
  color: #C0FAA0 !important;
}
.menu-header span {
  color: rgba(255, 255, 255, 0.4) !important;
}
.app-brand-text {
  color: #fff !important;
}
.menu-inner-shadow {
  background: linear-gradient(#161326 41%, rgba(22, 19, 38, 0.11) 95%, rgba(22, 19, 38, 0)) !important;
}

/* ── Navbar ── */
.bg-navbar-theme {
  background-color: #fff !important;
}

/* ── Form elements ── */
.form-check-input:checked {
  background-color: #161326;
  border-color: #161326;
}
.form-control:focus,
.form-select:focus {
  border-color: #C0FAA0;
  box-shadow: 0 0 0 0.25rem rgba(175, 192, 255, 0.25);
}

/* ── Page/nav link active ── */
.page-item.active .page-link {
  background-color: #161326;
  border-color: #161326;
}

/* ── Cards ── */
.card {
  border-color: #eee;
  border-radius: 12px;
}

/* ── Landing page text readability ── */
:root {
  --bs-heading-color: #161326;
}

.landing-features h4,
.landing-features h5,
.landing-reviews h4,
.landing-reviews h5,
.landing-faq h4,
.landing-contact h4,
.landing-cta h3,
.section-py h4,
.section-py h5,
.section-py h6,
.features-icon-box h5 {
  color: #161326 !important;
  font-weight: 700 !important;
}
.landing-features p,
.landing-reviews p,
.landing-faq p,
.landing-contact p,
.section-py p,
.features-icon-description {
  color: #6D6D6D !important;
  font-size: 0.95rem;
  line-height: 1.6;
}
.landing-hero .hero-sub-title {
  color: #6D6D6D !important;
}

/* Feature icons — visible green on light bg */
.text-feature-icon {
  color: #2BC155 !important;
}

/* Section badges */
.bg-label-primary {
  background-color: #24293E !important;
  color: #fff !important;
}

/* Review stars — visible gold/green */
.landing-reviews .ti.tabler-star-filled {
  color: #2BC155 !important;
}

/* Slider navigation arrows */
.landing-reviews .swiper-button-next,
.landing-reviews .swiper-button-prev,
.landing-reviews [class*="swiper-button"] {
  color: #161326 !important;
}
.landing-reviews .swiper-button-next i,
.landing-reviews .swiper-button-prev i,
.landing-reviews .ti.tabler-chevron-left,
.landing-reviews .ti.tabler-chevron-right {
  color: #161326 !important;
}

/* Review cards */
.landing-reviews .card {
  border-color: #e8e8e8 !important;
}
.landing-reviews h6 {
  color: #161326 !important;
}
.landing-reviews .card p {
  color: #6D6D6D !important;
}

/* FAQ accordion on light bg */
.landing-faq .accordion-button {
  color: #161326 !important;
  font-weight: 600 !important;
}
.landing-faq .accordion-button::after {
  filter: brightness(0) !important;
}
.landing-faq .accordion-body {
  color: #6D6D6D !important;
  line-height: 1.7;
}
.landing-faq .accordion-item {
  border-color: #e8e8e8 !important;
}
.landing-faq h4 {
  color: #161326 !important;
  font-weight: 800 !important;
}

/* Fun facts section */
.landing-fun-facts {
  background-color: #24293E !important;
}
.landing-fun-facts h3 {
  color: #C0FAA0 !important;
}
.landing-fun-facts h6,
.landing-fun-facts p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* CTA section */
.landing-cta .cta-title,
.landing-cta h3 {
  color: #161326 !important;
  font-weight: 800 !important;
}
.landing-cta h5,
.landing-cta .text-body,
.landing-cta p {
  color: #6D6D6D !important;
}
.landing-cta .btn-primary {
  background-color: #24293E !important;
  border-color: #24293E !important;
  color: #fff !important;
}
.landing-cta .btn-primary:hover {
  background-color: #161326 !important;
}

/* Pricing section text */
.landing-pricing h4 {
  color: #161326 !important;
  font-weight: 700 !important;
}
.landing-pricing .pricing-list h6 {
  color: #161326 !important;
}
.landing-pricing .text-primary {
  color: #161326 !important;
}
.landing-pricing .text-body-secondary {
  color: #A4A4A9 !important;
}
.landing-pricing .bg-label-primary {
  background-color: #2BC155 !important;
  color: #fff !important;
}

/* Slider / carousel arrows — always visible */
[class*="swiper-button"],
.swiper-button-next,
.swiper-button-prev {
  color: #161326 !important;
  opacity: 1 !important;
}
.ti.tabler-chevron-left,
.ti.tabler-chevron-right {
  color: #161326 !important;
}
.icon-base.ti.tabler-chevron-left,
.icon-base.ti.tabler-chevron-right {
  color: #161326 !important;
  opacity: 1 !important;
}

/* Pricing cards — dark card text */
.card[class*="border-primary"],
.card.shadow-lg {
  color: #161326;
}
.card[class*="border-primary"] h4,
.card[class*="border-primary"] h6,
.card.shadow-lg h4,
.card.shadow-lg h6 {
  color: #161326 !important;
}
/* Popular/highlighted pricing card with dark bg */
.card.bg-primary,
.card[style*="background-color: #24293E"],
.card[style*="backgroundColor"] {
  color: #fff;
}
.card.bg-primary h4,
.card.bg-primary h6,
.card.bg-primary li {
  color: #fff !important;
}
/* Pricing feature list on dark cards */
.pricing-card-dark h4,
.pricing-card-dark h6,
.pricing-card-dark li,
.pricing-card-dark p,
.pricing-card-dark span {
  color: rgba(255, 255, 255, 0.9) !important;
}
.pricing-card-dark .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Contact section */
.landing-contact .form-label {
  color: #161326 !important;
}

/* Footer on dark bg — lime text is fine */
.landing-footer h6 {
  color: #fff !important;
}
.landing-footer p,
.landing-footer .footer-text {
  color: rgba(255, 255, 255, 0.6) !important;
}
.landing-footer .footer-link {
  color: rgba(255, 255, 255, 0.6) !important;
}
.landing-footer .footer-link:hover {
  color: #C0FAA0 !important;
}

/* ── Form validation errors ── */
.form-error {
  color: #FD7972;
  font-size: 0.8rem;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.form-control.is-invalid,
.form-control.error,
input.error,
select.error {
  border-color: #FD7972 !important;
}
.form-control.is-invalid:focus,
.form-control.error:focus {
  border-color: #FD7972 !important;
  box-shadow: 0 0 0 0.25rem rgba(253, 121, 114, 0.2) !important;
}
.form-error-banner {
  background-color: #FD7972;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 0.875rem;
}

/* ── SweetAlert2 theme ── */
.dw-swal-popup {
  font-family: 'Inter', 'Poppins', sans-serif !important;
  border-radius: 12px !important;
}
.dw-swal-title {
  color: #161326 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}
.dw-swal-text {
  color: #6D6D6D !important;
}
.dw-swal-confirm {
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 0.5rem 1.5rem !important;
}
.dw-swal-cancel {
  border-radius: 8px !important;
  font-weight: 500 !important;
  padding: 0.5rem 1.5rem !important;
}
.dw-toast {
  font-family: 'Inter', sans-serif !important;
  border-radius: 8px !important;
  font-size: 0.875rem !important;
}

/* Card color utility classes */
.card-dark   { background-color: #24293E !important; border: none !important; }
.card-lime   { background-color: #C0FAA0 !important; border: none !important; }

/* ── Progress bars ── */
.progress-bar {
  background-color: #C0FAA0 !important;
}

/* ── Background helpers matching Critson ── */
.bg-primary { background-color: #161326 !important; }
.bg-success { background-color: #2BC155 !important; }
.bg-danger  { background-color: #FD7972 !important; }
.bg-warning { background-color: #ECFF79 !important; }
.bg-info    { background-color: #AFC0FF !important; }
.text-primary { color: #161326 !important; }
.text-accent { color: #C0FAA0; }
.text-success { color: #2BC155 !important; }
.text-danger  { color: #FD7972 !important; }
.text-warning { color: #8a8c00 !important; }

/* ── Buy Now / CTA floating button ── */
.buy-now .btn-buy-now {
  background-color: #C0FAA0 !important;
  color: #161326 !important;
  border: none !important;
  font-weight: 600;
  box-shadow: 0 1px 20px 1px rgba(192, 250, 160, 0.4) !important;
}
.buy-now .btn-buy-now:hover {
  background-color: #a8e88a !important;
  box-shadow: 0 2px 28px 2px rgba(192, 250, 160, 0.55) !important;
}

/* ── Fix any remaining old-color shadows globally ── */
.btn-danger {
  --bs-btn-bg: #FD7972;
  --bs-btn-border-color: #FD7972;
  box-shadow: none;
}
.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 19, 38, 0.25) !important;
}
.btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(43, 193, 85, 0.25) !important;
}

/* ── Resend-inspired refinements ── */
.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  border: 1px solid #e8e8e8;
}

/* Monospace for technical data */
code, .mono, .text-mono {
  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
  font-size: 0.85em;
}

/* Cleaner tables */
.table th {
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #A4A4A9;
  border-bottom: 1px solid #e8e8e8;
}
.table td {
  font-size: 0.875rem;
  vertical-align: middle;
}
.table-hover tbody tr:hover {
  background-color: rgba(36,41,62,0.02);
}

/* Subtle badges */
.badge {
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Info banners — left border style */
.banner-info {
  border-left: 4px solid #24293E;
  background: rgba(36,41,62,0.04);
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  font-size: 0.875rem;
}
.banner-warning {
  border-left: 4px solid #F59E0B;
  background: rgba(245,158,11,0.06);
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  font-size: 0.875rem;
}
.banner-error {
  border-left: 4px solid #FD7972;
  background: rgba(253,121,114,0.06);
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  font-size: 0.875rem;
}
.banner-success {
  border-left: 4px solid #2BC155;
  background: rgba(43,193,85,0.06);
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  font-size: 0.875rem;
}

/* Tab navigation — underline style */
.nav-tabs-underline {
  border-bottom: 1px solid #e8e8e8;
  gap: 0;
}
.nav-tabs-underline .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #A4A4A9;
}
.nav-tabs-underline .nav-link.active {
  color: #161326;
  border-bottom-color: #2BC155;
  background: none;
}
.nav-tabs-underline .nav-link:hover:not(.active) {
  color: #161326;
  border-bottom-color: #e8e8e8;
}

/* Sidebar refinements — more minimal */
.layout-menu .menu-link {
  font-size: 0.875rem;
  padding: 0.45rem 0.75rem;
}
.layout-menu .menu-icon {
  font-size: 1rem;
  width: 1.5rem;
}
.menu-header .menu-header-text {
  font-size: 0.65rem;
  letter-spacing: 1px;
}

/* ── Dark Theme ── */
[data-bs-theme="dark"] {
  --bs-body-bg: #1a1730;
  --bs-body-color: #c5c4d8;
  --bs-heading-color: #e8e6f0;
  --bs-link-color: #C0FAA0;
  --bs-link-hover-color: #d0ffc0;
  --bs-border-color: #302d4a;
  --bs-primary-bg-subtle: #1f2e1a;
  --bs-primary-border-subtle: #2a4420;
  --bs-primary-text-emphasis: #C0FAA0;
}

[data-bs-theme="dark"] .card {
  background-color: #1e1b34;
  border-color: #302d4a;
}

[data-bs-theme="dark"] .bg-navbar-theme {
  background-color: #1e1b34 !important;
}

[data-bs-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-color: #c5c4d8;
}

[data-bs-theme="dark"] .text-muted {
  color: #8a8ba2 !important;
}

[data-bs-theme="dark"] a {
  color: #C0FAA0;
}
[data-bs-theme="dark"] a:hover {
  color: #d0ffc0;
}

/* Dark mode hero dashboard image — add subtle brightness so it's visible */
[data-bs-theme="dark"] .hero-dashboard-img img,
[data-bs-theme="dark"] .hero-elements-img {
  filter: brightness(0.85) contrast(1.1);
}

/* Dark mode brand logos — invert for visibility */
[data-bs-theme="dark"] .client-logo {
  filter: brightness(0) invert(1) opacity(0.7);
}

/* Dark mode — switch / toggle component */
[data-bs-theme="dark"] .switch {
  --bs-switch-bg: #302d4a !important;
  --bs-switch-border-color: #4a4668 !important;
  --bs-switch-holder-bg: #8a8ba2 !important;
}
[data-bs-theme="dark"] .switch .switch-toggle-slider {
  background-color: #302d4a !important;
  border: 1px solid #4a4668 !important;
}
[data-bs-theme="dark"] .switch .switch-toggle-slider::after {
  background-color: #8a8ba2 !important;
}
[data-bs-theme="dark"] .switch .switch-input:checked ~ .switch-toggle-slider {
  background-color: #C0FAA0 !important;
  border-color: #C0FAA0 !important;
}
[data-bs-theme="dark"] .switch .switch-input:checked ~ .switch-toggle-slider::after {
  background-color: #161326 !important;
}
[data-bs-theme="dark"] .switch .switch-label,
[data-bs-theme="dark"] .switch-label {
  color: #c5c4d8 !important;
}

/* Dark mode — form-switch (Bootstrap default toggle) */
[data-bs-theme="dark"] .form-switch .form-check-input {
  background-color: #302d4a;
  border-color: #4a4668;
}
[data-bs-theme="dark"] .form-switch .form-check-input:checked {
  background-color: #C0FAA0;
  border-color: #C0FAA0;
}

/* Dark mode — theme switcher dropdown */
[data-bs-theme="dark"] .dropdown-menu {
  background-color: #1e1b34 !important;
  border-color: #302d4a !important;
}
[data-bs-theme="dark"] .dropdown-item {
  color: #c5c4d8 !important;
}
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
  background-color: rgba(192, 250, 160, 0.1) !important;
  color: #C0FAA0 !important;
}
[data-bs-theme="dark"] .dropdown-item.active,
[data-bs-theme="dark"] .dropdown-item:active {
  background-color: rgba(192, 250, 160, 0.15) !important;
  color: #C0FAA0 !important;
}

/* ── Navbar dropdown positioning fix ── */
.layout-navbar .navbar-nav .dropdown-menu {
  margin-top: 0 !important;
  top: 100% !important;
}
.layout-navbar .navbar-nav .dropdown-menu-end {
  right: 0;
  left: auto;
}

/* Dark mode pricing cards */
[data-bs-theme="dark"] .card.border-primary,
[data-bs-theme="dark"] .card.border {
  border-color: #302d4a !important;
}
[data-bs-theme="dark"] .card.shadow-lg {
  box-shadow: 0 0.25rem 1.125rem 0 rgba(0, 0, 0, 0.3) !important;
}

/* Dark mode — general text visibility */
[data-bs-theme="dark"] .text-body {
  color: #c5c4d8 !important;
}
[data-bs-theme="dark"] .text-heading {
  color: #e8e6f0 !important;
}
[data-bs-theme="dark"] .text-primary {
  color: #C0FAA0 !important;
}
[data-bs-theme="dark"] p,
[data-bs-theme="dark"] li,
[data-bs-theme="dark"] span:not(.badge) {
  color: inherit;
}

/* Dark mode — nav pills / tabs */
[data-bs-theme="dark"] .nav-pills .nav-link {
  color: #c5c4d8;
}
[data-bs-theme="dark"] .nav-pills .nav-link.active {
  background-color: #C0FAA0;
  color: #161326;
}

/* Dark mode — accordion (FAQ) */
[data-bs-theme="dark"] .accordion-item {
  background-color: #1e1b34;
  border-color: #302d4a;
}
[data-bs-theme="dark"] .accordion-button {
  background-color: #1e1b34;
  color: #e8e6f0;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: rgba(192, 250, 160, 0.08);
  color: #C0FAA0;
}
[data-bs-theme="dark"] .accordion-body {
  color: #c5c4d8;
}

/* Dark mode — form inputs */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: #1a1730;
  border-color: #302d4a;
  color: #c5c4d8;
}
[data-bs-theme="dark"] .form-control::placeholder {
  color: #8a8ba2;
}
[data-bs-theme="dark"] .form-control:focus {
  border-color: #C0FAA0;
  box-shadow: 0 0 0 0.25rem rgba(192, 250, 160, 0.15);
}

/* Dark mode — bg-body sections */
[data-bs-theme="dark"] .bg-body {
  background-color: #1e1b34 !important;
}

/* Dark mode — list groups */
[data-bs-theme="dark"] .list-group-item {
  background-color: #1e1b34;
  border-color: #302d4a;
  color: #c5c4d8;
}

/* Dark mode — code blocks */
[data-bs-theme="dark"] code {
  color: #C0FAA0;
}

/* Dark mode — badges in dark should be readable */
[data-bs-theme="dark"] .badge.bg-label-primary {
  background-color: rgba(192, 250, 160, 0.15) !important;
  color: #C0FAA0 !important;
}

/* ── Template Customizer dark mode fixes ── */
[data-bs-theme="dark"] #template-customizer {
  background-color: #1e1b34 !important;
  color: #c5c4d8;
}
[data-bs-theme="dark"] #template-customizer .template-customizer-header {
  border-color: #302d4a !important;
}
[data-bs-theme="dark"] #template-customizer .custom-option {
  border-color: #302d4a !important;
  background-color: #1a1730 !important;
}
[data-bs-theme="dark"] #template-customizer .custom-option.checked {
  border-color: #C0FAA0 !important;
}
[data-bs-theme="dark"] #template-customizer .custom-option-content {
  background-color: #1e1b34 !important;
}
[data-bs-theme="dark"] #template-customizer .form-label,
[data-bs-theme="dark"] #template-customizer h5,
[data-bs-theme="dark"] #template-customizer h6,
[data-bs-theme="dark"] #template-customizer p,
[data-bs-theme="dark"] #template-customizer .small {
  color: #c5c4d8 !important;
}
[data-bs-theme="dark"] #template-customizer svg {
  color: #c5c4d8;
}
[data-bs-theme="dark"] #template-customizer hr {
  border-color: #302d4a !important;
}

/* Dark mode — landing page sections */
[data-bs-theme="dark"] .landing-hero {
  background: #161326 !important;
}
[data-bs-theme="dark"] .landing-hero .hero-title {
  color: #e8e6f0 !important;
}
[data-bs-theme="dark"] .landing-hero .hero-sub-title {
  color: #8a8ba2 !important;
}
[data-bs-theme="dark"] section {
  color: #c5c4d8;
}
[data-bs-theme="dark"] .section-title,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5 {
  color: #e8e6f0 !important;
}
[data-bs-theme="dark"] .text-body,
[data-bs-theme="dark"] .text-heading {
  color: #c5c4d8 !important;
}
[data-bs-theme="dark"] .landing-navbar {
  background-color: rgba(26, 23, 48, 0.95) !important;
}
[data-bs-theme="dark"] .landing-navbar .menu-text,
[data-bs-theme="dark"] .landing-navbar .nav-link,
[data-bs-theme="dark"] .landing-navbar .navbar-nav .nav-link {
  color: #c5c4d8 !important;
}
[data-bs-theme="dark"] .landing-navbar .app-brand-text {
  color: #fff !important;
}
[data-bs-theme="dark"] footer {
  background-color: #161326 !important;
}
[data-bs-theme="dark"] .footer-link {
  color: #8a8ba2 !important;
}
[data-bs-theme="dark"] .footer-link:hover {
  color: #C0FAA0 !important;
}