diff --git a/resources/css/app.css b/resources/css/app.css
index 4547a36..6858284 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,6 +1,9 @@
@import 'tailwindcss';
@plugin '@tailwindcss/forms';
+/* Light UI only — ignore OS dark mode; dark: utilities require .dark on an ancestor. */
+@custom-variant dark (&:where(.dark, .dark *));
+
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@@ -15,6 +18,10 @@
display: none !important;
}
+html {
+ color-scheme: light;
+}
+
/* QR create/show: flush mobile action bar to the physical screen bottom (mobile only) */
@media (max-width: 1023px) {
.mobile-action-bar {
diff --git a/resources/views/components/app-layout.blade.php b/resources/views/components/app-layout.blade.php
index 4498c15..1439a10 100644
--- a/resources/views/components/app-layout.blade.php
+++ b/resources/views/components/app-layout.blade.php
@@ -1,6 +1,6 @@
@props(['title' => 'Ladill Queue', 'heading' => null])
-
+