/* ============================================================
   NIGHT VAULT — DARK / LIGHT MODE TOGGLE STYLES
   Icon visibility + no-transition helper.
   Color variables are in style.css, component styles in main.css.
   ============================================================ */

/* Moon icon: visible in dark mode (default) */
.nv-icon-moon { display: block; }
.nv-icon-sun  { display: none;  }

/* Light mode: swap icons */
[data-theme="light"] .nv-icon-moon { display: none;  }
[data-theme="light"] .nv-icon-sun  { display: block; }

/* No transition on initial page load — JS toggles .nv-no-transition */
.nv-no-transition,
.nv-no-transition *,
.nv-no-transition *::before,
.nv-no-transition *::after {
    transition: none !important;
}