@runfusion/fusion 0.44.0 → 0.45.0

package/dist/client/theme-data.css

@@ -333,6 +333,177 @@
   --accent-text: #fff;
 }
 
+/*
+FNXC:DashboardTheming 2026-06-19-15:39:
+Air must be the calmest, flattest theme: near-monochrome tokens, a restrained blue-gray accent, a clean system sans stack, and faint color-mix borders.
+The "remove unnecessary UI" requirement is intentionally CSS-only and scoped to [data-color-theme="air"] so shared DOM affordances remain present while borders, shadows, and decorative chrome flatten visually.
+
+FNXC:DashboardTheming 2026-06-22-14:24:
+Air should hide horizontal divider lines across headers, modal title bars, footers, and tab rails while preserving vertical pane dividers and component outlines. Keep this as theme CSS so the DOM and hit targets remain shared across themes.
+*/
+[data-color-theme="air"] {
+  --bg: #0f1115;
+  --surface: #151820;
+  --card: #171a22;
+  --card-hover: color-mix(in srgb, var(--card) 92%, var(--text) 8%);
+  --text: #eef1f4;
+  --text-muted: #9aa3ad;
+  --border: color-mix(in srgb, var(--text) 8%, transparent);
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --font-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
+  --todo: #a5adba;
+  --in-progress: #b8c0cc;
+  --in-progress-rgb: 184, 192, 204;
+  --in-review: #c7ced8;
+  --triage: #8d96a3;
+  --done: #737d8a;
+  --color-success: #c7ced8;
+  --color-error: #d8a7a7;
+  --color-warning: #b7ad9a;
+  --color-info: #a8bfd8;
+  --cta-bg: #dbe5ef;
+  --cta-border: color-mix(in srgb, var(--cta-bg) 72%, transparent);
+  --cta-text: #111318;
+  --cta-bg-hover: #eef3f8;
+  --cta-border-hover: color-mix(in srgb, var(--cta-bg-hover) 82%, transparent);
+  --cta-glow: 0 0 0 transparent;
+  --logo-accent: var(--accent);
+  --accent: #a8bfd8;
+  --accent-text: #111318;
+}
+
+[data-color-theme="air"][data-theme="light"] {
+  --bg: #fbfbfa;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: color-mix(in srgb, var(--card) 96%, var(--text) 4%);
+  --text: #1f242b;
+  --text-muted: #69717c;
+  --border: color-mix(in srgb, var(--text) 8%, transparent);
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --font-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
+  --todo: #667085;
+  --in-progress: #4f5f73;
+  --in-progress-rgb: 79, 95, 115;
+  --in-review: #5f6f83;
+  --triage: #7a7368;
+  --done: #8a929f;
+  --color-success: #526273;
+  --color-error: #b45f5f;
+  --color-warning: #8a7760;
+  --color-info: #536b86;
+  --cta-bg: #26313d;
+  --cta-border: color-mix(in srgb, var(--cta-bg) 76%, transparent);
+  --cta-text: #ffffff;
+  --cta-bg-hover: #354253;
+  --cta-border-hover: color-mix(in srgb, var(--cta-bg-hover) 84%, transparent);
+  --cta-glow: 0 0 0 transparent;
+  --logo-accent: var(--accent);
+  --accent: #536b86;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="air"] .card,
+[data-color-theme="air"] .column,
+[data-color-theme="air"] .panel,
+[data-color-theme="air"] .modal,
+[data-color-theme="air"] .task-card {
+  border-color: var(--border);
+  box-shadow: 0 0 0 transparent;
+  background-image: none;
+}
+
+[data-color-theme="air"] .btn,
+[data-color-theme="air"] .btn-icon,
+[data-color-theme="air"] .input,
+[data-color-theme="air"] input,
+[data-color-theme="air"] textarea,
+[data-color-theme="air"] select {
+  border-color: var(--border);
+  box-shadow: 0 0 0 transparent;
+}
+
+[data-color-theme="air"] .btn:hover,
+[data-color-theme="air"] .btn-icon:hover,
+[data-color-theme="air"] .card:hover,
+[data-color-theme="air"] .task-card:hover {
+  box-shadow: 0 0 0 transparent;
+}
+
+[data-color-theme="air"] .badge,
+[data-color-theme="air"] .pill,
+[data-color-theme="air"] .tag {
+  border-color: var(--border);
+  box-shadow: 0 0 0 transparent;
+}
+
+[data-color-theme="air"] .view-header,
+[data-color-theme="air"] .header,
+[data-color-theme="air"] .modal-header,
+[data-color-theme="air"] .modal-actions,
+[data-color-theme="air"] .modal-footer,
+[data-color-theme="air"] .floating-window-header,
+[data-color-theme="air"] .settings-section-heading,
+[data-color-theme="air"] .settings-section-divider,
+[data-color-theme="air"] .runtime-card__tabs,
+[data-color-theme="air"] .runtime-card__footer,
+[data-color-theme="air"] .mailbox-thread-detail-header,
+[data-color-theme="air"] .chat-sidebar-footer,
+[data-color-theme="air"] .task-detail-tabs,
+[data-color-theme="air"] .task-detail-section,
+[data-color-theme="air"] .workflow-output-modal-header,
+[data-color-theme="air"] .file-browser-modal-header,
+[data-color-theme="air"] .activity-log-header {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+
+/*
+FNXC:DashboardTheming 2026-06-22-14:24:
+Shadcn-family themes should read as seamless app shells: header and modal-title separators disappear, but vertical pane borders and local control outlines stay intact.
+*/
+[data-color-theme^="shadcn"] .view-header,
+[data-color-theme^="shadcn"] .header,
+[data-color-theme^="shadcn"] .modal-header,
+[data-color-theme^="shadcn"] .modal-actions,
+[data-color-theme^="shadcn"] .modal-footer,
+[data-color-theme^="shadcn"] .floating-window-header,
+[data-color-theme^="shadcn"] .settings-section-heading,
+[data-color-theme^="shadcn"] .settings-section-divider,
+[data-color-theme^="shadcn"] .workflow-output-modal-header,
+[data-color-theme^="shadcn"] .file-browser-modal-header,
+[data-color-theme^="shadcn"] .activity-log-header {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+
+/*
+FNXC:DashboardTheming 2026-06-23-00:07:
+All shadcn-family themes should use one UI font family across app chrome, forms, popovers, and buttons. Native controls do not reliably inherit the document font in every browser, so pin shadcn UI controls to --font-primary while preserving --font-mono for code-oriented text.
+*/
+[data-color-theme^="shadcn"],
+[data-color-theme^="shadcn"] body,
+[data-color-theme^="shadcn"] button,
+[data-color-theme^="shadcn"] input,
+[data-color-theme^="shadcn"] select,
+[data-color-theme^="shadcn"] textarea,
+[data-color-theme^="shadcn"] optgroup,
+[data-color-theme^="shadcn"] .btn,
+[data-color-theme^="shadcn"] .input,
+[data-color-theme^="shadcn"] .select,
+[data-color-theme^="shadcn"] .modal,
+[data-color-theme^="shadcn"] .card {
+  font-family: var(--font-primary);
+}
+
+[data-color-theme^="shadcn"] code,
+[data-color-theme^="shadcn"] pre,
+[data-color-theme^="shadcn"] kbd,
+[data-color-theme^="shadcn"] samp,
+[data-color-theme^="shadcn"] .font-mono {
+  font-family: var(--font-mono);
+}
+
 /* GRAPHITE - Dark graphite blacks */
 [data-color-theme="graphite"] {
   --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
@@ -700,254 +871,2955 @@
   --color-success: #859900;
   --color-error: #dc322f;
 
-  --cta-bg: #719e00;
-  --cta-border: #859900;
-  --cta-text: #002b36;
-  --cta-bg-hover: #859900;
-  --cta-border-hover: #a4b800;
-  --cta-glow: 0 0 8px color-mix(in srgb, var(--color-success) 30%, transparent);
-  --logo-accent: var(--todo);
-  --color-info: #2aa198;
-  --accent: #859900;
-  --accent-text: #002b36;
+  --cta-bg: #719e00;
+  --cta-border: #859900;
+  --cta-text: #002b36;
+  --cta-bg-hover: #859900;
+  --cta-border-hover: #a4b800;
+  --cta-glow: 0 0 8px color-mix(in srgb, var(--color-success) 30%, transparent);
+  --logo-accent: var(--todo);
+  --color-info: #2aa198;
+  --accent: #859900;
+  --accent-text: #002b36;
+}
+
+[data-color-theme="solarized"][data-theme="light"] {
+  --bg: #fdf6e3;
+  --surface: #eee8d5;
+  --card: #f5efdc;
+  --card-hover: #e8e2d0;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #93a1a1;
+  --text: #586e75;
+  --text-muted: #657b83;
+  --text-dim: #839496;
+
+  --todo: #268bd2;
+  --in-progress: #2aa198;
+  --in-progress-rgb: 42, 161, 152;
+  --in-review: #859900;
+  --triage: #b58900;
+  --done: #93a1a1;
+  --color-success: #859900;
+  --color-error: #dc322f;
+
+  --cta-bg: #6a8800;
+  --cta-border: #719e00;
+  --cta-text: #fdf6e3;
+  --cta-bg-hover: #719e00;
+  --cta-border-hover: #859900;
+  --cta-glow: 0 0 8px color-mix(in srgb, var(--color-success) 30%, transparent);
+  --logo-accent: var(--todo);
+  --color-info: #2aa198;
+  --accent: #637b00;
+  --accent-text: #fdf6e3;
+}
+
+/* FACTORY - Industrial Mission Control Theme
+   A comprehensive design theme that overrides fonts, spacing, and
+   component styling for an industrial sci-fi aesthetic.
+*/
+[data-color-theme="factory"] {
+  --bg: #0a0a0a;
+  --surface: #111111;
+  --card: #1a1a1a;
+  --card-hover: #222222;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #333333;
+
+  --text: #e5e5e5;
+  --text-muted: #888888;
+  --text-dim: #555555;
+
+  --todo: #f59e0b;
+  --in-progress: #06b6d4;
+  --in-progress-rgb: 6, 182, 212;
+  --in-review: #22c55e;
+  --triage: #ef4444;
+  --done: #6b7280;
+
+  --color-success: #22c55e;
+  --color-error: #ef4444;
+  --color-muted: #6b7280;
+
+  --font-primary: "SF Mono", "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;
+  --font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;
+
+  --space-xs: 2px;
+  --space-sm: 4px;
+  --space-md: 8px;
+  --space-lg: 12px;
+  --space-xl: 16px;
+  --space-2xl: 24px;
+
+  --radius-sm: 2px;
+  --radius-md: 4px;
+  --radius-lg: 6px;
+  --radius-xl: 8px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 2px;
+  --card-padding: 8px 10px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-sm);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 1px color-mix(in srgb, #000000 50%, transparent);
+  --shadow-md: 0 2px 4px color-mix(in srgb, #000000 50%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 60%, transparent);
+  --shadow-glow: 0 0 6px color-mix(in srgb, var(--todo) 40%, transparent);
+  --glow-success: 0 0 8px color-mix(in srgb, var(--color-success) 35%, transparent);
+  --glow-warning: 0 0 8px color-mix(in srgb, var(--todo) 40%, transparent);
+  --glow-danger: 0 0 8px color-mix(in srgb, var(--color-error) 35%, transparent);
+  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--todo) 18%, transparent);
+  --focus-ring-strong: 0 0 0 2px color-mix(in srgb, var(--todo) 30%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --transition-instant: 0.05s ease;
+  --transition-fast: 0.1s ease;
+  --transition-normal: 0.15s ease;
+  --transition-slow: 0.2s ease;
+
+  --cta-bg: #d97706;
+  --cta-border: #f59e0b;
+  --cta-text: #0a0a0a;
+  --cta-bg-hover: #f59e0b;
+  --cta-border-hover: #fbbf24;
+  --cta-glow: 0 0 8px color-mix(in srgb, var(--cta-border) 40%, transparent);
+  --logo-accent: var(--todo);
+  --color-info: #2563eb;
+  --accent: #d97706;
+  --accent-text: #0a0a0a;
+}
+
+[data-color-theme="factory"][data-theme="light"] {
+  --bg: #f5f5f5;
+  --surface: #ffffff;
+  --card: #fafafa;
+  --card-hover: #f0f0f0;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #d4d4d4;
+
+  --text: #1a1a1a;
+  --text-muted: #666666;
+  --text-dim: #999999;
+
+  --todo: #d97706;
+  --in-progress: #0891b2;
+  --in-progress-rgb: 8, 145, 178;
+  --in-review: #16a34a;
+  --triage: #dc2626;
+  --done: #4b5563;
+
+  --color-success: #16a34a;
+  --color-error: #dc2626;
+  --color-muted: #6b7280;
+
+  --shadow-sm: 0 1px 1px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-md: 0 2px 4px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 15%, transparent);
+  --shadow-glow: 0 0 6px color-mix(in srgb, var(--todo) 30%, transparent);
+  --glow-success: 0 0 8px color-mix(in srgb, var(--color-success) 25%, transparent);
+  --glow-warning: 0 0 8px color-mix(in srgb, var(--todo) 30%, transparent);
+  --glow-danger: 0 0 8px color-mix(in srgb, var(--color-error) 22%, transparent);
+  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--todo) 14%, transparent);
+  --focus-ring-strong: 0 0 0 2px color-mix(in srgb, var(--todo) 24%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #b45309;
+  --cta-border: #d97706;
+  --cta-text: #fff;
+  --cta-bg-hover: #d97706;
+  --cta-border-hover: #f59e0b;
+  --cta-glow: 0 0 8px color-mix(in srgb, var(--cta-border) 30%, transparent);
+  --logo-accent: var(--todo);
+  --color-info: #1d4ed8;
+  --accent: #b45309;
+  --accent-text: #fff;
+}
+
+[data-color-theme="factory"] .card.agent-active {
+  border-color: var(--todo);
+  box-shadow:
+    0 0 6px color-mix(in srgb, #f59e0b 50%, transparent),
+    0 0 12px color-mix(in srgb, #f59e0b 20%, transparent);
+  animation: agent-glow-factory 2s ease-in-out infinite;
+}
+
+@keyframes agent-glow-factory {
+  0%,
+  100% {
+    box-shadow:
+      0 0 6px color-mix(in srgb, #f59e0b 50%, transparent),
+      0 0 12px color-mix(in srgb, #f59e0b 20%, transparent);
+  }
+  50% {
+    box-shadow:
+      0 0 10px color-mix(in srgb, #f59e0b 70%, transparent),
+      0 0 20px color-mix(in srgb, #f59e0b 40%, transparent);
+  }
+}
+
+[data-color-theme="factory"][data-theme="light"] .card.agent-active {
+  box-shadow:
+    0 0 6px color-mix(in srgb, #d97706 40%, transparent),
+    0 0 12px color-mix(in srgb, #d97706 15%, transparent);
+  animation: agent-glow-factory-light 2s ease-in-out infinite;
+}
+
+@keyframes agent-glow-factory-light {
+  0%,
+  100% {
+    box-shadow:
+      0 0 6px color-mix(in srgb, #d97706 40%, transparent),
+      0 0 12px color-mix(in srgb, #d97706 15%, transparent);
+  }
+  50% {
+    box-shadow:
+      0 0 10px color-mix(in srgb, #d97706 60%, transparent),
+      0 0 20px color-mix(in srgb, #d97706 30%, transparent);
+  }
+}
+
+[data-color-theme="factory"] .btn {
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-weight: 600;
+}
+
+[data-color-theme="factory"] .btn-primary,
+[data-color-theme="factory"] .btn-task-create {
+  background: transparent;
+  border-color: var(--todo);
+  color: var(--todo);
+  box-shadow: none;
+}
+
+[data-color-theme="factory"] .btn-primary:hover,
+[data-color-theme="factory"] .btn-task-create:hover {
+  background: var(--todo);
+  color: var(--bg);
+  box-shadow: var(--shadow-glow);
+}
+
+[data-color-theme="factory"] .card,
+[data-color-theme="factory"] .column {
+  border-width: 2px;
+}
+
+[data-color-theme="factory"] .column-header h2 {
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.75rem;
+}
+
+[data-color-theme="factory"] .column-count,
+[data-color-theme="factory"] .card-id {
+  font-family: var(--font-mono);
+  font-weight: 700;
+}
+
+/*
+FNXC:Theming 2026-06-19-00:00:
+Factory Mono is a monochrome Factory variant for FN-6724: keep the industrial monospace density, uppercase controls, and 2px border system while limiting color to red accents and removing pulsing glow effects.
+*/
+[data-color-theme="factory-mono"] {
+  --bg: #0a0a0a;
+  --surface: #111111;
+  --card: #1a1a1a;
+  --card-hover: #222222;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #333333;
+
+  --text: #f5f5f5;
+  --text-muted: #a3a3a3;
+  --text-dim: #737373;
+
+  --todo: #d4d4d4;
+  --in-progress: #a3a3a3;
+  --in-progress-rgb: 163, 163, 163;
+  --in-review: #e5e5e5;
+  --triage: #737373;
+  --done: #525252;
+
+  --color-success: #e5e5e5;
+  --color-warning: #d4d4d4;
+  --color-error: #ef4444;
+  --color-muted: #737373;
+
+  --font-primary: "SF Mono", "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;
+  --font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;
+
+  --space-xs: 2px;
+  --space-sm: 4px;
+  --space-md: 8px;
+  --space-lg: 12px;
+  --space-xl: 16px;
+  --space-2xl: 24px;
+
+  --radius-sm: 2px;
+  --radius-md: 4px;
+  --radius-lg: 6px;
+  --radius-xl: 8px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 2px;
+  --card-padding: 8px 10px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-sm);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: none;
+  --shadow-md: 0 1px 0 color-mix(in srgb, #000000 60%, transparent);
+  --shadow-lg: 0 1px 0 color-mix(in srgb, #000000 70%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 var(--btn-border-width) color-mix(in srgb, var(--accent) 30%, transparent);
+  --focus-ring-strong: 0 0 0 var(--btn-border-width) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --transition-instant: 0.05s ease;
+  --transition-fast: 0.1s ease;
+  --transition-normal: 0.15s ease;
+  --transition-slow: 0.2s ease;
+
+  --cta-bg: transparent;
+  --cta-border: #ef4444;
+  --cta-text: #ef4444;
+  --cta-bg-hover: #ef4444;
+  --cta-border-hover: #f87171;
+  --cta-glow: none;
+  --logo-accent: #ef4444;
+  --color-info: #d4d4d4;
+  --accent: #ef4444;
+  --accent-text: #0a0a0a;
+}
+
+[data-color-theme="factory-mono"][data-theme="light"] {
+  --bg: #f5f5f5;
+  --surface: #ffffff;
+  --card: #fafafa;
+  --card-hover: #f0f0f0;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #d4d4d4;
+
+  --text: #1a1a1a;
+  --text-muted: #525252;
+  --text-dim: #737373;
+
+  --todo: #525252;
+  --in-progress: #737373;
+  --in-progress-rgb: 115, 115, 115;
+  --in-review: #404040;
+  --triage: #a3a3a3;
+  --done: #8a8a8a;
+
+  --color-success: #404040;
+  --color-warning: #525252;
+  --color-error: #dc2626;
+  --color-muted: #737373;
+
+  --shadow-sm: none;
+  --shadow-md: 0 1px 0 color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-lg: 0 1px 0 color-mix(in srgb, var(--text) 18%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 var(--btn-border-width) color-mix(in srgb, var(--accent) 25%, transparent);
+  --focus-ring-strong: 0 0 0 var(--btn-border-width) color-mix(in srgb, var(--accent) 38%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: transparent;
+  --cta-border: #dc2626;
+  --cta-text: #dc2626;
+  --cta-bg-hover: #dc2626;
+  --cta-border-hover: #ef4444;
+  --cta-glow: none;
+  --logo-accent: #dc2626;
+  --color-info: #525252;
+  --accent: #dc2626;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="factory-mono"] .card.agent-active {
+  border-color: var(--accent);
+  box-shadow: none;
+  animation: none;
+}
+
+[data-color-theme="factory-mono"][data-theme="light"] .card.agent-active {
+  border-color: var(--accent);
+  box-shadow: none;
+  animation: none;
+}
+
+[data-color-theme="factory-mono"] .btn {
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-weight: 600;
+}
+
+[data-color-theme="factory-mono"] .btn-primary,
+[data-color-theme="factory-mono"] .btn-task-create {
+  background: transparent;
+  border-color: var(--accent);
+  color: var(--accent);
+  box-shadow: none;
+}
+
+[data-color-theme="factory-mono"] .btn-primary:hover,
+[data-color-theme="factory-mono"] .btn-task-create:hover {
+  background: var(--accent);
+  color: var(--accent-text);
+  box-shadow: none;
+}
+
+[data-color-theme="factory-mono"] .card,
+[data-color-theme="factory-mono"] .column {
+  border-width: var(--btn-border-width);
+}
+
+[data-color-theme="factory-mono"] .column-header h2 {
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.75rem;
+}
+
+[data-color-theme="factory-mono"] .column-count,
+[data-color-theme="factory-mono"] .card-id {
+  font-family: var(--font-mono);
+  font-weight: 700;
+}
+
+/*
+FNXC:Theming 2026-06-19-15:35:
+The shadcn theme for FN-6747 approximates the shadcn/ui new-york zinc aesthetic with sans-serif typography, tokenized comfortable spacing, 1px borders, subtle flat shadows, neutralized glow tokens, and a solid primary button instead of Factory-style outlined uppercase controls.
+
+FNXC:Theming 2026-06-20-00:00:
+FN-6758 makes the default shadcn highlight/accent orange for focus rings, active borders, links, and selection affordances while preserving the zinc-neutral surfaces, neutralized glows, and solid neutral primary button.
+*/
+[data-color-theme="shadcn"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --transition-instant: 0.05s ease;
+  --transition-fast: 0.1s ease;
+  --transition-normal: 0.15s ease;
+  --transition-slow: 0.2s ease;
+
+  --cta-bg: #fafafa;
+  --cta-border: #fafafa;
+  --cta-text: #18181b;
+  --cta-bg-hover: #e4e4e7;
+  --cta-border-hover: #e4e4e7;
+  --cta-glow: none;
+  --logo-accent: var(--text);
+  --color-info: #38bdf8;
+  --accent: #f97316;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #18181b;
+  --cta-border: #18181b;
+  --cta-text: #fafafa;
+  --cta-bg-hover: #27272a;
+  --cta-border-hover: #27272a;
+  --cta-glow: none;
+  --logo-accent: var(--text);
+  --color-info: #0284c7;
+  --accent: #ea580c;
+  --accent-text: #ffffff;
+}
+
+/*
+FNXC:Theming 2026-06-20-18:30:
+FN-6816 keeps shadcn-custom visually identical to the base shadcn theme until sanitized user token overrides are applied inline by the dashboard theme hook.
+*/
+[data-color-theme="shadcn-custom"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --transition-instant: 0.05s ease;
+  --transition-fast: 0.1s ease;
+  --transition-normal: 0.15s ease;
+  --transition-slow: 0.2s ease;
+
+  --cta-bg: #fafafa;
+  --cta-border: #fafafa;
+  --cta-text: #18181b;
+  --cta-bg-hover: #e4e4e7;
+  --cta-border-hover: #e4e4e7;
+  --cta-glow: none;
+  --logo-accent: var(--text);
+  --color-info: #38bdf8;
+  --accent: #f97316;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-custom"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #18181b;
+  --cta-border: #18181b;
+  --cta-text: #fafafa;
+  --cta-bg-hover: #27272a;
+  --cta-border-hover: #27272a;
+  --cta-glow: none;
+  --logo-accent: var(--text);
+  --color-info: #0284c7;
+  --accent: #ea580c;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn"] .card.agent-active,
+[data-color-theme="shadcn-custom"] .card.agent-active {
+  border-color: var(--accent);
+  box-shadow: none;
+  animation: none;
+}
+
+[data-color-theme="shadcn"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-custom"][data-theme="light"] .card.agent-active {
+  border-color: var(--accent);
+  box-shadow: none;
+  animation: none;
+}
+
+[data-color-theme="shadcn"] .btn,
+[data-color-theme="shadcn-custom"] .btn {
+  text-transform: none;
+  letter-spacing: normal;
+  font-weight: 500;
+}
+
+[data-color-theme="shadcn"] .btn-primary,
+[data-color-theme="shadcn"] .btn-task-create,
+[data-color-theme="shadcn-custom"] .btn-primary,
+[data-color-theme="shadcn-custom"] .btn-task-create {
+  background: var(--cta-bg);
+  border-color: var(--cta-border);
+  color: var(--cta-text);
+  box-shadow: none;
+}
+
+[data-color-theme="shadcn"] .btn-primary:hover,
+[data-color-theme="shadcn"] .btn-task-create:hover,
+[data-color-theme="shadcn-custom"] .btn-primary:hover,
+[data-color-theme="shadcn-custom"] .btn-task-create:hover {
+  background: var(--cta-bg-hover);
+  border-color: var(--cta-border-hover);
+  color: var(--cta-text);
+  box-shadow: none;
+}
+
+[data-color-theme="shadcn"] .card,
+[data-color-theme="shadcn"] .column,
+[data-color-theme="shadcn-custom"] .card,
+[data-color-theme="shadcn-custom"] .column {
+  border-width: var(--btn-border-width);
+}
+
+/*
+FNXC:Theming 2026-06-19-16:12:
+FN-6756 adds shadcn color-family themes as exact zinc-neutral shadcn variants with only primary/accent/CTA/info tokens changed for the named color. Shadcn Mono keeps red as the single accent while desaturating workflow statuses toward zinc gray, and Shadcn Black removes chroma from all status tokens for a pure black-and-white option.
+*/
+[data-color-theme="shadcn-blue"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #3b82f6;
+  --cta-border: #3b82f6;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #2563eb;
+  --cta-border-hover: #2563eb;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #3b82f6;
+  --accent: #3b82f6;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-blue"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #2563eb;
+  --cta-border: #2563eb;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #1d4ed8;
+  --cta-border-hover: #1d4ed8;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #2563eb;
+  --accent: #2563eb;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-green"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #22c55e;
+  --cta-border: #22c55e;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #16a34a;
+  --cta-border-hover: #16a34a;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #22c55e;
+  --accent: #22c55e;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-green"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #16a34a;
+  --cta-border: #16a34a;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #15803d;
+  --cta-border-hover: #15803d;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #16a34a;
+  --accent: #16a34a;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-red"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ef4444;
+  --cta-border: #ef4444;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #dc2626;
+  --cta-border-hover: #dc2626;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #ef4444;
+  --accent: #ef4444;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-red"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #dc2626;
+  --cta-border: #dc2626;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #b91c1c;
+  --cta-border-hover: #b91c1c;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #dc2626;
+  --accent: #dc2626;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-purple"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #8b5cf6;
+  --cta-border: #8b5cf6;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #7c3aed;
+  --cta-border-hover: #7c3aed;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #8b5cf6;
+  --accent: #8b5cf6;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-purple"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #7c3aed;
+  --cta-border: #7c3aed;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #6d28d9;
+  --cta-border-hover: #6d28d9;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #7c3aed;
+  --accent: #7c3aed;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-pink"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ec4899;
+  --cta-border: #ec4899;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #db2777;
+  --cta-border-hover: #db2777;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #ec4899;
+  --accent: #ec4899;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-pink"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #db2777;
+  --cta-border: #db2777;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #be185d;
+  --cta-border-hover: #be185d;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #db2777;
+  --accent: #db2777;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-orange"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #f97316;
+  --cta-border: #f97316;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #ea580c;
+  --cta-border-hover: #ea580c;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #f97316;
+  --accent: #f97316;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-orange"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ea580c;
+  --cta-border: #ea580c;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #c2410c;
+  --cta-border-hover: #c2410c;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #ea580c;
+  --accent: #ea580c;
+  --accent-text: #ffffff;
+}
+
+[data-color-theme="shadcn-yellow"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #71717a;
+
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #eab308;
+  --cta-border: #eab308;
+  --cta-text: #18181b;
+  --cta-bg-hover: #ca8a04;
+  --cta-border-hover: #ca8a04;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #eab308;
+  --accent: #eab308;
+  --accent-text: #18181b;
+}
+
+[data-color-theme="shadcn-yellow"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
+  --in-review: #16a34a;
+  --triage: #d97706;
+  --done: #a1a1aa;
+
+  --color-success: #16a34a;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ca8a04;
+  --cta-border: #ca8a04;
+  --cta-text: #18181b;
+  --cta-bg-hover: #a16207;
+  --cta-border-hover: #a16207;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #ca8a04;
+  --accent: #ca8a04;
+  --accent-text: #18181b;
+}
+
+/*
+FNXC:DashboardTheming 2026-06-20-00:00:
+FN-6813 makes the shadcn mono theme a color family: shadcn-mono-red preserves the renamed legacy red accent while the other mono variants reuse the same zinc-neutral tokens and swap only accent/CTA values. Legacy stored shadcn-mono selections remap in bootstrap/theme hooks so users keep the red mono theme instead of falling back to default.
+*/
+[data-color-theme="shadcn-mono-red"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ef4444;
+  --cta-border: #ef4444;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #dc2626;
+  --cta-border-hover: #dc2626;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #ef4444;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-red"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #dc2626;
+  --cta-border: #dc2626;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #b91c1c;
+  --cta-border-hover: #b91c1c;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #dc2626;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-blue"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #3b82f6;
+  --cta-border: #3b82f6;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #2563eb;
+  --cta-border-hover: #2563eb;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #3b82f6;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-blue"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #2563eb;
+  --cta-border: #2563eb;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #1d4ed8;
+  --cta-border-hover: #1d4ed8;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #2563eb;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-green"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #22c55e;
+  --cta-border: #22c55e;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #16a34a;
+  --cta-border-hover: #16a34a;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #22c55e;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-green"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #16a34a;
+  --cta-border: #16a34a;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #15803d;
+  --cta-border-hover: #15803d;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #16a34a;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-purple"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #8b5cf6;
+  --cta-border: #8b5cf6;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #7c3aed;
+  --cta-border-hover: #7c3aed;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #8b5cf6;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-purple"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #7c3aed;
+  --cta-border: #7c3aed;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #6d28d9;
+  --cta-border-hover: #6d28d9;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #7c3aed;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-pink"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ec4899;
+  --cta-border: #ec4899;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #db2777;
+  --cta-border-hover: #db2777;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #ec4899;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-pink"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #db2777;
+  --cta-border: #db2777;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #be185d;
+  --cta-border-hover: #be185d;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #db2777;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-orange"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #f97316;
+  --cta-border: #f97316;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #ea580c;
+  --cta-border-hover: #ea580c;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #f97316;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-orange"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ea580c;
+  --cta-border: #ea580c;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #c2410c;
+  --cta-border-hover: #c2410c;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #ea580c;
+  --accent-text: #ffffff;
+}
+
+
+[data-color-theme="shadcn-mono-yellow"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #ef4444;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #eab308;
+  --cta-border: #eab308;
+  --cta-text: #18181b;
+  --cta-bg-hover: #ca8a04;
+  --cta-border-hover: #ca8a04;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #eab308;
+  --accent-text: #18181b;
+}
+
+
+[data-color-theme="shadcn-mono-yellow"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #71717a;
+  --color-warning: #71717a;
+  --color-error: #dc2626;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #ca8a04;
+  --cta-border: #ca8a04;
+  --cta-text: #18181b;
+  --cta-bg-hover: #a16207;
+  --cta-border-hover: #a16207;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #71717a;
+  --accent: #ca8a04;
+  --accent-text: #18181b;
+}
+
+
+[data-color-theme="shadcn-black"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #d4d4d8;
+  --in-progress: #a1a1aa;
+  --in-progress-rgb: 161, 161, 170;
+  --in-review: #a1a1aa;
+  --triage: #71717a;
+  --done: #52525b;
+
+  --color-success: #a1a1aa;
+  --color-warning: #71717a;
+  --color-error: #d4d4d8;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #fafafa;
+  --cta-border: #fafafa;
+  --cta-text: #18181b;
+  --cta-bg-hover: #e4e4e7;
+  --cta-border-hover: #e4e4e7;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #fafafa;
+  --accent: #fafafa;
+  --accent-text: #18181b;
+}
+
+[data-color-theme="shadcn-black"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
+  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #18181b;
+  --in-progress: #3f3f46;
+  --in-progress-rgb: 63, 63, 70;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #3f3f46;
+  --color-warning: #71717a;
+  --color-error: #18181b;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #09090b;
+  --cta-border: #09090b;
+  --cta-text: #fafafa;
+  --cta-bg-hover: #27272a;
+  --cta-border-hover: #27272a;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #09090b;
+  --accent: #09090b;
+  --accent-text: #fafafa;
+}
+
+/*
+FNXC:DashboardTheming 2026-06-20-00:00:
+Shadcn Gray is the fully-neutral zinc variant: it keeps the shadcn surfaces and button treatment while using only zinc/gray accent, CTA, and info tokens instead of red, blue, or other chroma.
+*/
+[data-color-theme="shadcn-gray"] {
+  --bg: #09090b;
+  --surface: #0c0c0e;
+  --card: #18181b;
+  --card-hover: #1f1f23;
+  --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
+  --border: #27272a;
+
+  --text: #fafafa;
+  --text-muted: #a1a1aa;
+  --text-dim: #52525b;
+
+  --todo: #a1a1aa;
+  --in-progress: #71717a;
+  --in-progress-rgb: 113, 113, 122;
+  --in-review: #71717a;
+  --triage: #a1a1aa;
+  --done: #52525b;
+
+  --color-success: #71717a;
+  --color-warning: #a1a1aa;
+  --color-error: #d4d4d8;
+  --color-muted: #71717a;
+
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
+
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
+
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
+  --radius: var(--radius-md);
+
+  --btn-padding: 6px 12px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
+  --modal-padding: var(--space-md) var(--space-lg);
+  --header-padding: var(--space-sm) var(--space-lg);
+  --column-gap: var(--space-md);
+  --board-padding: var(--space-md) var(--space-lg);
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
+  --shadow: var(--shadow-lg);
+
+  --cta-bg: #71717a;
+  --cta-border: #71717a;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #52525b;
+  --cta-border-hover: #52525b;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #a1a1aa;
+  --accent: #a1a1aa;
+  --accent-text: #18181b;
 }
 
-[data-color-theme="solarized"][data-theme="light"] {
-  --bg: #fdf6e3;
-  --surface: #eee8d5;
-  --card: #f5efdc;
-  --card-hover: #e8e2d0;
+[data-color-theme="shadcn-gray"][data-theme="light"] {
+  --bg: #ffffff;
+  --surface: #ffffff;
+  --card: #ffffff;
+  --card-hover: #f4f4f5;
   --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
-  --border: #93a1a1;
-  --text: #586e75;
-  --text-muted: #657b83;
-  --text-dim: #839496;
-
-  --todo: #268bd2;
-  --in-progress: #2aa198;
-  --in-progress-rgb: 42, 161, 152;
-  --in-review: #859900;
-  --triage: #b58900;
-  --done: #93a1a1;
-  --color-success: #859900;
-  --color-error: #dc322f;
+  --border: #e4e4e7;
+
+  --text: #09090b;
+  --text-muted: #71717a;
+  --text-dim: #a1a1aa;
+
+  --todo: #71717a;
+  --in-progress: #52525b;
+  --in-progress-rgb: 82, 82, 91;
+  --in-review: #52525b;
+  --triage: #71717a;
+  --done: #a1a1aa;
+
+  --color-success: #52525b;
+  --color-warning: #71717a;
+  --color-error: #3f3f46;
+  --color-muted: #71717a;
+
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
+  --shadow: var(--shadow-lg);
 
-  --cta-bg: #6a8800;
-  --cta-border: #719e00;
-  --cta-text: #fdf6e3;
-  --cta-bg-hover: #719e00;
-  --cta-border-hover: #859900;
-  --cta-glow: 0 0 8px color-mix(in srgb, var(--color-success) 30%, transparent);
-  --logo-accent: var(--todo);
-  --color-info: #2aa198;
-  --accent: #637b00;
-  --accent-text: #fdf6e3;
+  --cta-bg: #52525b;
+  --cta-border: #52525b;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #3f3f46;
+  --cta-border-hover: #3f3f46;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #52525b;
+  --accent: #52525b;
+  --accent-text: #ffffff;
 }
 
-/* FACTORY - Industrial Mission Control Theme
-   A comprehensive design theme that overrides fonts, spacing, and
-   component styling for an industrial sci-fi aesthetic.
+/*
+FNXC:Theming 2026-06-21-00:00:
+FN-6815 adds Shadcn Gray Blue as the slate-neutral shadcn variant: the whole surface ramp moves from zinc to blue-gray slate while CTA/accent tokens use muted slate-blue and the shadcn flat-shadow/no-glow treatment stays intact.
 */
-[data-color-theme="factory"] {
-  --bg: #0a0a0a;
-  --surface: #111111;
-  --card: #1a1a1a;
-  --card-hover: #222222;
+[data-color-theme="shadcn-gray-blue"] {
+  --bg: #020617;
+  --surface: #0b1220;
+  --card: #0f172a;
+  --card-hover: #1e293b;
   --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--text) 10%);
-  --border: #333333;
+  --border: #1e293b;
 
-  --text: #e5e5e5;
-  --text-muted: #888888;
-  --text-dim: #555555;
+  --text: #f8fafc;
+  --text-muted: #94a3b8;
+  --text-dim: #475569;
 
-  --todo: #f59e0b;
-  --in-progress: #06b6d4;
-  --in-progress-rgb: 6, 182, 212;
-  --in-review: #22c55e;
-  --triage: #ef4444;
-  --done: #6b7280;
+  --todo: #60a5fa;
+  --in-progress: #38bdf8;
+  --in-progress-rgb: 56, 189, 248;
+  --in-review: #34d399;
+  --triage: #f59e0b;
+  --done: #64748b;
 
   --color-success: #22c55e;
+  --color-warning: #f59e0b;
   --color-error: #ef4444;
-  --color-muted: #6b7280;
+  --color-muted: #64748b;
 
-  --font-primary: "SF Mono", "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;
-  --font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;
+  --font-primary: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
 
-  --space-xs: 2px;
-  --space-sm: 4px;
-  --space-md: 8px;
-  --space-lg: 12px;
-  --space-xl: 16px;
-  --space-2xl: 24px;
+  --space-xs: 4px;
+  --space-sm: 6px;
+  --space-md: 10px;
+  --space-lg: 16px;
+  --space-xl: 20px;
+  --space-2xl: 28px;
 
-  --radius-sm: 2px;
-  --radius-md: 4px;
-  --radius-lg: 6px;
-  --radius-xl: 8px;
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-xl: 12px;
   --radius: var(--radius-md);
 
   --btn-padding: 6px 12px;
-  --btn-border-width: 2px;
-  --card-padding: 8px 10px;
+  --btn-border-width: 1px;
+  --card-padding: 10px 12px;
   --modal-padding: var(--space-md) var(--space-lg);
   --header-padding: var(--space-sm) var(--space-lg);
-  --column-gap: var(--space-sm);
+  --column-gap: var(--space-md);
   --board-padding: var(--space-md) var(--space-lg);
 
-  --shadow-sm: 0 1px 1px color-mix(in srgb, #000000 50%, transparent);
-  --shadow-md: 0 2px 4px color-mix(in srgb, #000000 50%, transparent);
-  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 60%, transparent);
-  --shadow-glow: 0 0 6px color-mix(in srgb, var(--todo) 40%, transparent);
-  --glow-success: 0 0 8px color-mix(in srgb, var(--color-success) 35%, transparent);
-  --glow-warning: 0 0 8px color-mix(in srgb, var(--todo) 40%, transparent);
-  --glow-danger: 0 0 8px color-mix(in srgb, var(--color-error) 35%, transparent);
-  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--todo) 18%, transparent);
-  --focus-ring-strong: 0 0 0 2px color-mix(in srgb, var(--todo) 30%, transparent);
+  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 18%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 22%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 24%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 35%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 45%, transparent);
   --shadow: var(--shadow-lg);
 
-  --transition-instant: 0.05s ease;
-  --transition-fast: 0.1s ease;
-  --transition-normal: 0.15s ease;
-  --transition-slow: 0.2s ease;
-
-  --cta-bg: #d97706;
-  --cta-border: #f59e0b;
-  --cta-text: #0a0a0a;
-  --cta-bg-hover: #f59e0b;
-  --cta-border-hover: #fbbf24;
-  --cta-glow: 0 0 8px color-mix(in srgb, var(--cta-border) 40%, transparent);
-  --logo-accent: var(--todo);
-  --color-info: #2563eb;
-  --accent: #d97706;
-  --accent-text: #0a0a0a;
+  --cta-bg: #64748b;
+  --cta-border: #64748b;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #475569;
+  --cta-border-hover: #475569;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #64748b;
+  --accent: #64748b;
+  --accent-text: #ffffff;
 }
 
-[data-color-theme="factory"][data-theme="light"] {
-  --bg: #f5f5f5;
+[data-color-theme="shadcn-gray-blue"][data-theme="light"] {
+  --bg: #ffffff;
   --surface: #ffffff;
-  --card: #fafafa;
-  --card-hover: #f0f0f0;
+  --card: #ffffff;
+  --card-hover: #f1f5f9;
   --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
-  --border: #d4d4d4;
+  --border: #e2e8f0;
 
-  --text: #1a1a1a;
-  --text-muted: #666666;
-  --text-dim: #999999;
+  --text: #0f172a;
+  --text-muted: #64748b;
+  --text-dim: #94a3b8;
 
-  --todo: #d97706;
-  --in-progress: #0891b2;
-  --in-progress-rgb: 8, 145, 178;
+  --todo: #2563eb;
+  --in-progress: #0284c7;
+  --in-progress-rgb: 2, 132, 199;
   --in-review: #16a34a;
-  --triage: #dc2626;
-  --done: #4b5563;
+  --triage: #d97706;
+  --done: #94a3b8;
 
   --color-success: #16a34a;
+  --color-warning: #d97706;
   --color-error: #dc2626;
-  --color-muted: #6b7280;
+  --color-muted: #64748b;
 
-  --shadow-sm: 0 1px 1px color-mix(in srgb, var(--text) 10%, transparent);
-  --shadow-md: 0 2px 4px color-mix(in srgb, var(--text) 10%, transparent);
-  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 15%, transparent);
-  --shadow-glow: 0 0 6px color-mix(in srgb, var(--todo) 30%, transparent);
-  --glow-success: 0 0 8px color-mix(in srgb, var(--color-success) 25%, transparent);
-  --glow-warning: 0 0 8px color-mix(in srgb, var(--todo) 30%, transparent);
-  --glow-danger: 0 0 8px color-mix(in srgb, var(--color-error) 22%, transparent);
-  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--todo) 14%, transparent);
-  --focus-ring-strong: 0 0 0 2px color-mix(in srgb, var(--todo) 24%, transparent);
+  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--text) 8%, transparent);
+  --shadow-md: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent);
+  --shadow-lg: 0 4px 12px color-mix(in srgb, var(--text) 12%, transparent);
+  --shadow-glow: none;
+  --glow-success: none;
+  --glow-warning: none;
+  --glow-danger: none;
+  --focus-ring: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 18%, transparent);
+  --focus-ring-strong: 0 0 0 calc(var(--btn-border-width) * 3) color-mix(in srgb, var(--accent) 28%, transparent);
   --shadow: var(--shadow-lg);
 
-  --cta-bg: #b45309;
-  --cta-border: #d97706;
-  --cta-text: #fff;
-  --cta-bg-hover: #d97706;
-  --cta-border-hover: #f59e0b;
-  --cta-glow: 0 0 8px color-mix(in srgb, var(--cta-border) 30%, transparent);
-  --logo-accent: var(--todo);
-  --color-info: #1d4ed8;
-  --accent: #b45309;
-  --accent-text: #fff;
-}
-
-[data-color-theme="factory"] .card.agent-active {
-  border-color: var(--todo);
-  box-shadow:
-    0 0 6px color-mix(in srgb, #f59e0b 50%, transparent),
-    0 0 12px color-mix(in srgb, #f59e0b 20%, transparent);
-  animation: agent-glow-factory 2s ease-in-out infinite;
-}
-
-@keyframes agent-glow-factory {
-  0%,
-  100% {
-    box-shadow:
-      0 0 6px color-mix(in srgb, #f59e0b 50%, transparent),
-      0 0 12px color-mix(in srgb, #f59e0b 20%, transparent);
-  }
-  50% {
-    box-shadow:
-      0 0 10px color-mix(in srgb, #f59e0b 70%, transparent),
-      0 0 20px color-mix(in srgb, #f59e0b 40%, transparent);
-  }
-}
-
-[data-color-theme="factory"][data-theme="light"] .card.agent-active {
-  box-shadow:
-    0 0 6px color-mix(in srgb, #d97706 40%, transparent),
-    0 0 12px color-mix(in srgb, #d97706 15%, transparent);
-  animation: agent-glow-factory-light 2s ease-in-out infinite;
-}
-
-@keyframes agent-glow-factory-light {
-  0%,
-  100% {
-    box-shadow:
-      0 0 6px color-mix(in srgb, #d97706 40%, transparent),
-      0 0 12px color-mix(in srgb, #d97706 15%, transparent);
-  }
-  50% {
-    box-shadow:
-      0 0 10px color-mix(in srgb, #d97706 60%, transparent),
-      0 0 20px color-mix(in srgb, #d97706 30%, transparent);
-  }
-}
-
-[data-color-theme="factory"] .btn {
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  font-weight: 600;
+  --cta-bg: #475569;
+  --cta-border: #475569;
+  --cta-text: #ffffff;
+  --cta-bg-hover: #334155;
+  --cta-border-hover: #334155;
+  --cta-glow: none;
+  --logo-accent: var(--accent);
+  --color-info: #475569;
+  --accent: #475569;
+  --accent-text: #ffffff;
 }
 
-[data-color-theme="factory"] .btn-primary,
-[data-color-theme="factory"] .btn-task-create {
-  background: transparent;
-  border-color: var(--todo);
-  color: var(--todo);
+[data-color-theme="shadcn-blue"] .card.agent-active,
+[data-color-theme="shadcn-green"] .card.agent-active,
+[data-color-theme="shadcn-red"] .card.agent-active,
+[data-color-theme="shadcn-purple"] .card.agent-active,
+[data-color-theme="shadcn-pink"] .card.agent-active,
+[data-color-theme="shadcn-orange"] .card.agent-active,
+[data-color-theme="shadcn-yellow"] .card.agent-active,
+[data-color-theme="shadcn-mono-red"] .card.agent-active,
+[data-color-theme="shadcn-mono-blue"] .card.agent-active,
+[data-color-theme="shadcn-mono-green"] .card.agent-active,
+[data-color-theme="shadcn-mono-purple"] .card.agent-active,
+[data-color-theme="shadcn-mono-pink"] .card.agent-active,
+[data-color-theme="shadcn-mono-orange"] .card.agent-active,
+[data-color-theme="shadcn-mono-yellow"] .card.agent-active,
+[data-color-theme="shadcn-black"] .card.agent-active,
+[data-color-theme="shadcn-gray"] .card.agent-active,
+[data-color-theme="shadcn-gray-blue"] .card.agent-active {
+  border-color: var(--accent);
+  box-shadow: none;
+  animation: none;
+}
+
+[data-color-theme="shadcn-blue"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-green"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-red"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-purple"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-pink"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-orange"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-yellow"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-red"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-blue"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-green"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-purple"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-pink"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-orange"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-mono-yellow"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-black"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-gray"][data-theme="light"] .card.agent-active,
+[data-color-theme="shadcn-gray-blue"][data-theme="light"] .card.agent-active {
+  border-color: var(--accent);
+  box-shadow: none;
+  animation: none;
+}
+
+[data-color-theme="shadcn-blue"] .btn,
+[data-color-theme="shadcn-green"] .btn,
+[data-color-theme="shadcn-red"] .btn,
+[data-color-theme="shadcn-purple"] .btn,
+[data-color-theme="shadcn-pink"] .btn,
+[data-color-theme="shadcn-orange"] .btn,
+[data-color-theme="shadcn-yellow"] .btn,
+[data-color-theme="shadcn-mono-red"] .btn,
+[data-color-theme="shadcn-mono-blue"] .btn,
+[data-color-theme="shadcn-mono-green"] .btn,
+[data-color-theme="shadcn-mono-purple"] .btn,
+[data-color-theme="shadcn-mono-pink"] .btn,
+[data-color-theme="shadcn-mono-orange"] .btn,
+[data-color-theme="shadcn-mono-yellow"] .btn,
+[data-color-theme="shadcn-black"] .btn,
+[data-color-theme="shadcn-gray"] .btn,
+[data-color-theme="shadcn-gray-blue"] .btn {
+  text-transform: none;
+  letter-spacing: normal;
+  font-weight: 500;
+}
+
+[data-color-theme="shadcn-blue"] .btn-primary,
+[data-color-theme="shadcn-blue"] .btn-task-create,
+[data-color-theme="shadcn-green"] .btn-primary,
+[data-color-theme="shadcn-green"] .btn-task-create,
+[data-color-theme="shadcn-red"] .btn-primary,
+[data-color-theme="shadcn-red"] .btn-task-create,
+[data-color-theme="shadcn-purple"] .btn-primary,
+[data-color-theme="shadcn-purple"] .btn-task-create,
+[data-color-theme="shadcn-pink"] .btn-primary,
+[data-color-theme="shadcn-pink"] .btn-task-create,
+[data-color-theme="shadcn-orange"] .btn-primary,
+[data-color-theme="shadcn-orange"] .btn-task-create,
+[data-color-theme="shadcn-yellow"] .btn-primary,
+[data-color-theme="shadcn-yellow"] .btn-task-create,
+[data-color-theme="shadcn-mono-red"] .btn-primary,
+[data-color-theme="shadcn-mono-red"] .btn-task-create,
+[data-color-theme="shadcn-mono-blue"] .btn-primary,
+[data-color-theme="shadcn-mono-blue"] .btn-task-create,
+[data-color-theme="shadcn-mono-green"] .btn-primary,
+[data-color-theme="shadcn-mono-green"] .btn-task-create,
+[data-color-theme="shadcn-mono-purple"] .btn-primary,
+[data-color-theme="shadcn-mono-purple"] .btn-task-create,
+[data-color-theme="shadcn-mono-pink"] .btn-primary,
+[data-color-theme="shadcn-mono-pink"] .btn-task-create,
+[data-color-theme="shadcn-mono-orange"] .btn-primary,
+[data-color-theme="shadcn-mono-orange"] .btn-task-create,
+[data-color-theme="shadcn-mono-yellow"] .btn-primary,
+[data-color-theme="shadcn-mono-yellow"] .btn-task-create,
+[data-color-theme="shadcn-black"] .btn-primary,
+[data-color-theme="shadcn-black"] .btn-task-create,
+[data-color-theme="shadcn-gray"] .btn-primary,
+[data-color-theme="shadcn-gray"] .btn-task-create,
+[data-color-theme="shadcn-gray-blue"] .btn-primary,
+[data-color-theme="shadcn-gray-blue"] .btn-task-create {
+  background: var(--cta-bg);
+  border-color: var(--cta-border);
+  color: var(--cta-text);
   box-shadow: none;
 }
 
-[data-color-theme="factory"] .btn-primary:hover,
-[data-color-theme="factory"] .btn-task-create:hover {
-  background: var(--todo);
-  color: var(--bg);
-  box-shadow: var(--shadow-glow);
-}
-
-[data-color-theme="factory"] .card,
-[data-color-theme="factory"] .column {
-  border-width: 2px;
-}
-
-[data-color-theme="factory"] .column-header h2 {
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-size: 0.75rem;
+[data-color-theme="shadcn-blue"] .btn-primary:hover,
+[data-color-theme="shadcn-blue"] .btn-task-create:hover,
+[data-color-theme="shadcn-green"] .btn-primary:hover,
+[data-color-theme="shadcn-green"] .btn-task-create:hover,
+[data-color-theme="shadcn-red"] .btn-primary:hover,
+[data-color-theme="shadcn-red"] .btn-task-create:hover,
+[data-color-theme="shadcn-purple"] .btn-primary:hover,
+[data-color-theme="shadcn-purple"] .btn-task-create:hover,
+[data-color-theme="shadcn-pink"] .btn-primary:hover,
+[data-color-theme="shadcn-pink"] .btn-task-create:hover,
+[data-color-theme="shadcn-orange"] .btn-primary:hover,
+[data-color-theme="shadcn-orange"] .btn-task-create:hover,
+[data-color-theme="shadcn-yellow"] .btn-primary:hover,
+[data-color-theme="shadcn-yellow"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-red"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-red"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-blue"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-blue"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-green"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-green"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-purple"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-purple"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-pink"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-pink"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-orange"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-orange"] .btn-task-create:hover,
+[data-color-theme="shadcn-mono-yellow"] .btn-primary:hover,
+[data-color-theme="shadcn-mono-yellow"] .btn-task-create:hover,
+[data-color-theme="shadcn-black"] .btn-primary:hover,
+[data-color-theme="shadcn-black"] .btn-task-create:hover,
+[data-color-theme="shadcn-gray"] .btn-primary:hover,
+[data-color-theme="shadcn-gray"] .btn-task-create:hover,
+[data-color-theme="shadcn-gray-blue"] .btn-primary:hover,
+[data-color-theme="shadcn-gray-blue"] .btn-task-create:hover {
+  background: var(--cta-bg-hover);
+  border-color: var(--cta-border-hover);
+  color: var(--cta-text);
+  box-shadow: none;
 }
 
-[data-color-theme="factory"] .column-count,
-[data-color-theme="factory"] .card-id {
-  font-family: var(--font-mono);
-  font-weight: 700;
+[data-color-theme="shadcn-blue"] .card,
+[data-color-theme="shadcn-blue"] .column,
+[data-color-theme="shadcn-green"] .card,
+[data-color-theme="shadcn-green"] .column,
+[data-color-theme="shadcn-red"] .card,
+[data-color-theme="shadcn-red"] .column,
+[data-color-theme="shadcn-purple"] .card,
+[data-color-theme="shadcn-purple"] .column,
+[data-color-theme="shadcn-pink"] .card,
+[data-color-theme="shadcn-pink"] .column,
+[data-color-theme="shadcn-orange"] .card,
+[data-color-theme="shadcn-orange"] .column,
+[data-color-theme="shadcn-yellow"] .card,
+[data-color-theme="shadcn-yellow"] .column,
+[data-color-theme="shadcn-mono-red"] .card,
+[data-color-theme="shadcn-mono-red"] .column,
+[data-color-theme="shadcn-mono-blue"] .card,
+[data-color-theme="shadcn-mono-blue"] .column,
+[data-color-theme="shadcn-mono-green"] .card,
+[data-color-theme="shadcn-mono-green"] .column,
+[data-color-theme="shadcn-mono-purple"] .card,
+[data-color-theme="shadcn-mono-purple"] .column,
+[data-color-theme="shadcn-mono-pink"] .card,
+[data-color-theme="shadcn-mono-pink"] .column,
+[data-color-theme="shadcn-mono-orange"] .card,
+[data-color-theme="shadcn-mono-orange"] .column,
+[data-color-theme="shadcn-mono-yellow"] .card,
+[data-color-theme="shadcn-mono-yellow"] .column,
+[data-color-theme="shadcn-black"] .card,
+[data-color-theme="shadcn-black"] .column,
+[data-color-theme="shadcn-gray"] .card,
+[data-color-theme="shadcn-gray"] .column,
+[data-color-theme="shadcn-gray-blue"] .card,
+[data-color-theme="shadcn-gray-blue"] .column {
+  border-width: var(--btn-border-width);
 }
 
 /* AYU - Popular code editor theme with dark and light variants */
@@ -2774,8 +5646,13 @@ body[data-color-theme="terminal"][data-theme="light"]::before {
 }
 
 [data-color-theme="glass"] .modal-overlay {
-  backdrop-filter: blur(14px);
-  -webkit-backdrop-filter: blur(14px);
+  /*
+  FNXC:ModalChrome 2026-06-23-21:36:
+  Even glass-style themes should keep modal overlays non-dimming/non-blurring; modal panels provide depth with shadows and their own translucent surfaces.
+  */
+  background: transparent;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
 }
 
 /* HORIZON - Warm sunset-inspired palette */
@@ -3979,4 +6856,3 @@ body[data-color-theme="terminal"][data-theme="light"]::before {
   --accent: #9a8050;
   --accent-text: #fff;
 }
-