/* ============================================================
   Buzars Dark Theme Overrides
   Loaded after main.css — flips the Nexsas light theme to dark
   ============================================================ */

:root {
  /* "Ink" token used across the template for headings/body text
     (text-background-13/XX, stroke-background-13). Flipping this
     to a near-white value turns all that text light automatically. */
  --color-background-13: #f3f4f6;
}

html, body {
  background-color: #06070b;
}

/* ---------- Surfaces ---------- */
.bg-white {
  background-color: #161a26 !important;
}
/* Restore the mobile nav sidebar to light (icons/text inside assume light bg) */
.sidebar.bg-white {
  background-color: #ffffff !important;
}

.bg-background-9 {
  background-color: #0e111a !important;
}

.bg-background-8 {
  background-color: #06070b !important;
}

/* ---------- Primary buttons ---------- */
/* background-14 is the dark "primary button" colour; on a dark page
   it needs a visible border + slightly lighter fill to read as a button */
.bg-background-14 {
  background-color: #1c2233 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
.hover\:bg-background-14\/95:hover,
.group-hover\/btn-primary\:bg-background-14\/95 {
  background-color: #262e45 !important;
}

/* ---------- Hero / image overlays ---------- */
/* Replace "fade to white" gradients with "fade to dark" */
.to-white\/95 { --tw-gradient-to: #06070bf2 !important; }
.to-white\/90 { --tw-gradient-to: #06070be6 !important; }
.from-white\/90 { --tw-gradient-from: #06070be6 !important; }

/* Badge pills that were "!bg-white/50" on imagery */
[class*="!bg-white/50"] {
  background-color: rgba(8, 10, 16, 0.45) !important;
  backdrop-filter: blur(8px);
}

/* 404 page overlay */
.bg-white\/80 {
  background-color: rgba(6, 7, 11, 0.85) !important;
}

/* ---------- Inputs ---------- */
input, select, textarea {
  color: #f3f4f6;
}
input::placeholder, textarea::placeholder {
  color: rgba(243, 244, 246, 0.35) !important;
}

/* ---------- Misc fixes ---------- */
/* FAQ <details> open-state border accent */
details[open] {
  border-color: rgba(255, 255, 255, 0.18);
}

/* Footer top box already dark (#191d2a) — keep as-is */

/* Subtle border tone-down on dark surfaces */
.border-stroke-1\/10, .border-stroke-1\/20, .border-stroke-3\/18, .border-stroke-3\/30 {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Service icon chips (bg-orange-50 etc.) keep their pastel fill —
   looks great as accent chips on a dark surface, no change needed */

/* Scrollbar (optional polish) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0a0c12; }
::-webkit-scrollbar-thumb { background: #2a3142; border-radius: 5px; }