/* =========================================================
   SpinChoice — Wheel border theme overrides
   File: /styles/blackwhite-theme/wheel-theme-overrides.css
   - Dark mode: keep your current dark border
   - Light mode: make wheel border white to match the page
   ========================================================= */

/* default (dark) stays as you have it */
.wheel{
  border-color: #020617;
  background: #020617;
}

/* Light mode: remove the outer stroke/ring completely */
html[data-bw-theme="light"] .wheel,
body[data-bw-theme="light"] .wheel,
html[data-theme="light"] .wheel,
body[data-theme="light"] .wheel,
html.theme-light .wheel,
body.theme-light .wheel,
html.is-light .wheel,
body.is-light .wheel,
html.light .wheel,
body.light .wheel{
  border: 0 !important;           /* ✅ remove stroke */
  background: #ffffff !important; /* keep clean behind the canvas */
  box-shadow: 0 18px 40px rgba(15,23,42,0.12) !important; /* optional */
}


/* Optional: make hub also match better in light mode (subtle) */
html[data-bw-theme="light"] .wheel,
html[data-theme="light"] .wheel,
html.theme-light .wheel,
html.is-light .wheel,
html.light .wheel{
  box-shadow: 0 18px 40px rgba(15,23,42,0.12) !important;
}