Promote table and backdrop variables to :root theme files

Move --table-* and --backdrop-* base definitions from component selectors
in template.css into :root[data-bs-theme] blocks in light/dark theme files.

Dark table uses white-rgb-based striped/active overlays for proper contrast
on dark surfaces. Deduplicate the double --table-active-* declarations that
existed in template.css. Backdrop values are identical in both themes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/media/css/template.css

@@ -2340,16 +2340,7 @@ progress {
 }
 
 .table {
-	--table-color: var(--body-color);
-	--table-bg: transparent;
-	--table-border-color: var(--border-color);
-	--table-accent-bg: transparent;
-	--table-striped-color: var(--body-color);
-	--table-striped-bg: rgba(var(--black-rgb), var(--opacity-5));
-	--table-active-color: var(--body-color);
-	--table-active-bg: rgba(var(--black-rgb), var(--opacity-10));
-	--table-active-color: var(--body-color);
-	--table-active-bg: rgba(var(--black-rgb), 0.075);
+	/* Values defined in light.standard.css / dark.standard.css */
 	width: 100%;
 	margin-bottom: 1rem;
 	color: var(--table-color);
@@ -6337,9 +6328,7 @@ fieldset:disabled .btn {
 }
 
 .modal-backdrop {
-	--backdrop-zindex: 1040;
-	--backdrop-bg: hsl(0, 0%, 0%);
-	--backdrop-opacity: 0.5;
+	/* Values defined in light.standard.css / dark.standard.css */
 	position: fixed;
 	top: 0;
 	left: 0;

src/media/css/theme/dark.standard.css

@@ -765,6 +765,21 @@ color-scheme: dark;
 --nav-pills-border-radius: 0.25rem;
 --nav-pills-link-active-color: var(--body-color);
 --nav-pills-link-active-bg: hsl(240, 98%, 17%);
+
+/* ===== TABLE ===== */
+--table-color: var(--body-color);
+--table-bg: transparent;
+--table-border-color: var(--border-color);
+--table-accent-bg: transparent;
+--table-striped-color: var(--body-color);
+--table-striped-bg: rgba(var(--white-rgb), var(--opacity-5));
+--table-active-color: var(--body-color);
+--table-active-bg: rgba(var(--white-rgb), 0.1);
+
+/* ===== BACKDROP ===== */
+--backdrop-zindex: 1040;
+--backdrop-bg: hsl(0, 0%, 0%);
+--backdrop-opacity: 0.5;
 }
 
 .btn {

src/media/css/theme/light.standard.css

@@ -764,6 +764,21 @@ color-scheme: light;
 --nav-pills-border-radius: 0.25rem;
 --nav-pills-link-active-color: var(--body-bg);
 --nav-pills-link-active-bg: hsl(240, 98%, 17%);
+
+/* ===== TABLE ===== */
+--table-color: var(--body-color);
+--table-bg: transparent;
+--table-border-color: var(--border-color);
+--table-accent-bg: transparent;
+--table-striped-color: var(--body-color);
+--table-striped-bg: rgba(var(--black-rgb), var(--opacity-5));
+--table-active-color: var(--body-color);
+--table-active-bg: rgba(var(--black-rgb), 0.075);
+
+/* ===== BACKDROP ===== */
+--backdrop-zindex: 1040;
+--backdrop-bg: hsl(0, 0%, 0%);
+--backdrop-opacity: 0.5;
 }
 
 .btn {