/* ==========================================================================
   NOVEXA — Dark Mode Overrides
   Activated by [data-theme="dark"] on <html>. Toggled + persisted via
   localStorage in assets/js/main.js. Only variables are redefined here —
   no duplicated component CSS.
   ========================================================================== */

html[data-theme="dark"] {
  --primary-light: #232156;
  --dark-color: #05060f;
  --dark-color-soft: #10122a;
  --light-color: #14162e;

  --text-color: #c3c5e0;
  --text-muted: #888dbd;
  --heading-color: #f4f5fc;

  --border-color: #262a4d;
  --white: #10122a;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] body { background: #05060f; }

html[data-theme="dark"] .site-header { background: rgba(5, 6, 15, 0.85); }

html[data-theme="dark"] .bg-light-soft { background: var(--light-color); }

html[data-theme="dark"] .footer-newsletter .form-control-c { background: rgba(255,255,255,0.04); }

html[data-theme="dark"] .product-thumb { background: #1a1c3a; }

html[data-theme="dark"] .theme-toggle .bi-moon-stars { display: none; }
html[data-theme="dark"] .theme-toggle .bi-sun { display: inline-block; }
.theme-toggle .bi-sun { display: none; }