/* NaveenCodes — Dark mode CSS overrides
   Applied via html[data-theme="dark"] set by nc-ui.js */

html[data-theme="dark"] {
  --blue:       #C9A961;
  --blue-dark:  #E0C28A;
  --gold:       #C9A961;
  --soft:       #221F18;
  --off:        #14120E;
  --white:      #1C1A14;
  --border:     #2E2A22;
  --border-mid: #3D3830;

  --h1:  #F2EDE3;
  --h2:  #DEDAD3;
  --h3:  #C8C2B6;
  --txt: #A8A090;
  --lbl: #7A7268;
}

html[data-theme="dark"] body {
  background: #14120E;
  color: #C8C2B6;
}

/* Nav */
html[data-theme="dark"] nav,
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .site-nav {
  background: rgba(20,18,14,0.88) !important;
  border-color: #2E2A22 !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

html[data-theme="dark"] .nav-logo,
html[data-theme="dark"] .nav-in a:not(.nc-nav-cta) {
  color: #C8C2B6;
}

html[data-theme="dark"] .logo-sq {
  background: #2A2620;
  color: #C9A961;
}

/* Cards + surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] [class*="card"],
html[data-theme="dark"] .bento,
html[data-theme="dark"] .bento-card,
html[data-theme="dark"] .plugin-card,
html[data-theme="dark"] .tag-card {
  background: #1C1A14 !important;
  border-color: #2E2A22 !important;
  color: #C8C2B6 !important;
}

/* Sections with soft background */
html[data-theme="dark"] .route-section,
html[data-theme="dark"] section[style*="background:var(--soft"],
html[data-theme="dark"] section[style*="background:var(--off"] {
  background: #1C1A14 !important;
}

/* Wide band / CTA */
html[data-theme="dark"] .wide-band {
  background: #1C1A14;
  border-color: #2E2A22;
}

/* Footer */
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] footer {
  background: #14120E;
  border-color: #2E2A22 !important;
  color: #7A7268;
}

html[data-theme="dark"] footer a,
html[data-theme="dark"] .site-footer a {
  color: #A8A090;
}

html[data-theme="dark"] footer a:hover,
html[data-theme="dark"] .site-footer a:hover {
  color: #C9A961;
}

/* Tags + badges */
html[data-theme="dark"] .tag,
html[data-theme="dark"] .badge {
  background: #221F18;
  border-color: #2E2A22;
  color: #A8A090;
}

/* Headings */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 {
  color: #F2EDE3;
}

/* Forms */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: #1C1A14 !important;
  border-color: #3D3830 !important;
  color: #F2EDE3 !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #5A5550;
}

/* Borders + dividers */
html[data-theme="dark"] hr,
html[data-theme="dark"] .divider {
  border-color: #2E2A22;
}

/* Page toggle pill in dark mode */
html[data-theme="dark"] .nc-page-toggle {
  background: #1C1A14 !important;
  border-color: #3D3830 !important;
}

/* Theme btn in dark mode */
html[data-theme="dark"] .nc-theme-btn {
  border-color: #3D3830 !important;
  color: #9C9890 !important;
}

/* Get in touch btn — invert in dark */
html[data-theme="dark"] .nc-nav-cta {
  background: #F2EDE3 !important;
  color: #1A1814 !important;
}

/* Dropdown */
html[data-theme="dark"] .dd {
  background: #1C1A14;
  border-color: #2E2A22;
}

html[data-theme="dark"] .dd a {
  color: #A8A090;
}

html[data-theme="dark"] .dd a:hover {
  background: #221F18;
  color: #F2EDE3;
}

/* Eye / eyebrow labels */
html[data-theme="dark"] .eye {
  color: #C9A961;
}

/* Stats widget in dark */
html[data-theme="dark"] #nc-dl-stats,
html[data-theme="dark"] #nc-dl-stats .nc-sc {
  background: #1C1A14;
  border-color: #2E2A22;
  color: #C8C2B6;
}

/* Scrollbar (webkit) */
html[data-theme="dark"] ::-webkit-scrollbar {
  background: #1C1A14;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #3D3830;
  border-radius: 4px;
}