Badges: force light-mode rendering on badge print area — ignore dark theme

src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte

@@ -958,3 +958,31 @@
     >{JSON.stringify($lq__event_badge_template_obj, null, 2)}</pre>
 </div>
 {/if}
+
+<style>
+    /*
+     * Force light-mode rendering on the badge print area.
+     * Badges print on physical card stock (white by default, or a defined color set by
+     * the per-event stylesheet). Dark mode must never bleed into the badge render —
+     * what the operator sees on screen should match the printed output exactly.
+     *
+     * color-scheme: light — signals to the browser that this subtree is light mode,
+     *   affecting scrollbars, form controls, and browser-level scheme-aware colors.
+     *
+     * Explicit background-color / color on badge_front / badge_back override any
+     * inherited dark-mode CSS custom properties from Skeleton UI or Tailwind.
+     *
+     * Per-event stylesheets (loaded via style_href) can still override these with
+     * badge-type-specific colors (e.g. .badge_type__member { background: navy; color: white; })
+     * because they load after this stylesheet and use more-specific selectors.
+     */
+    .event_badge_wrapper {
+        color-scheme: light;
+    }
+
+    .badge_front,
+    .badge_back {
+        background-color: white;
+        color: #1a1a1a;
+    }
+</style>