From c39cf5ed7c8045cf4b7bad065a8d4a509b024ba6 Mon Sep 17 00:00:00 2001
From: "cubecraft-agents[bot]"
 <3458173+cubecraft-agents[bot]@users.noreply.github.com>
Date: Sun, 26 Apr 2026 12:49:15 +0000
Subject: [PATCH] CUB-47: define tactical dark mode CSS variables and set body
 background

---
 frontend/src/styles.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index af13a84..6ac73d3 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -61,6 +61,17 @@ html {
   --status-thinking-bg: rgba(167, 139, 250, 0.12);
   --status-error-bg: rgba(248, 113, 113, 0.12);
 
+  // --- Tactical Dark Mode palette (CUB-47) ---
+  --color-surface: #0F172A;
+  --color-surface-light: #1E293B;
+  --color-primary: #38BDF8;
+  --color-secondary: #2DD4BF;
+  --color-accent: #A78BFA;
+  --color-danger: #F87171;
+  --color-text-primary: #FFFFFF;
+  --color-text-secondary: #94A3B8;
+  --color-border: #334155;
+
   // --- Surface overrides (tactical dark palette) ---
   --cc-background: #0D0F12;
   --cc-surface: #13161A;
@@ -90,7 +101,7 @@ html {
 // Global Body Styles
 // ---------------------------------------------------------------------------
 body {
-  background-color: var(--cc-background);
+  background-color: var(--color-surface);
   color: var(--cc-on-surface);
   font-family: 'Inter', 'Roboto', sans-serif;
   margin: 0;