/*
 * Dark-mode app theme overrides — match the deployed app (repricemax.com).
 *
 * Production loads front-polish.css globally, which overrides Vuexy's default
 * dark palette with a NAVY scheme + brand-purple primary on every page. Our app
 * pages don't load front-polish (it's marketing-only), so they fell back to the
 * Vuexy teal/gray dark theme — a different background colour. Replicate
 * front-polish.css's dark CSS variables here so the app's dark mode matches
 * production (navy #0b1120 body / #0f172a cards, purple primary). Light mode is
 * untouched. Loaded last in the root layout so it wins over Vuexy's core-dark.
 */
html[data-style='dark'] {
  /* Brand primary (purple) */
  --bs-primary: #a855f7;
  --bs-primary-rgb: 168, 85, 247;
  --bs-primary-text-emphasis: #e9d5ff;
  --bs-primary-bg-subtle: #241434;
  --bs-primary-border-subtle: #5b2d86;
  --rmx-primary: var(--bs-primary);
  --rmx-primary-rgb: var(--bs-primary-rgb);

  /* Navy surfaces + text (same values front-polish.css applies) */
  --rmx-bg: #0b1120;
  --rmx-body-bg: #0b1120;
  --rmx-body-color: #e2e8f0;
  --rmx-surface: #0f172a;
  --rmx-border: rgba(148, 163, 184, 0.35);
  --bs-body-bg: #0b1120;
  --bs-body-bg-rgb: 11, 17, 32;
  --bs-body-color: #e2e8f0;
  --bs-body-color-rgb: 226, 232, 240;
  --bs-secondary-color: #97a3b8;
  --bs-border-color: rgba(148, 163, 184, 0.35);
  --bs-card-bg: #0f172a;
  --bs-heading-color: #e2e8f0;
}

/* A theme rule outranks the --bs-body-bg variable for the painted body/content
   background, so force the navy surface explicitly (front-polish.css does the
   same with !important on production). */
html[data-style='dark'] body,
html[data-style='dark'] .layout-page,
html[data-style='dark'] .content-wrapper {
  background-color: var(--bs-body-bg) !important;
}