diff --git a/Dockerfile b/Dockerfile
index 9056d4e..5e532af 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -4,6 +4,9 @@ WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
+# Ensure CSS variables are present
+RUN mkdir -p public/styles
+RUN cp -r styles/* public/styles/ || true
RUN npm run build
FROM node:20-alpine AS production
diff --git a/src/components/Layout.astro b/src/components/Layout.astro
index 574ba22..d7c95dd 100644
--- a/src/components/Layout.astro
+++ b/src/components/Layout.astro
@@ -3,6 +3,8 @@
import Header from "./Header.astro";
import Footer from "./Footer.astro";
import "../../styles/components/Layout.css"
+import "../../styles/variables.css"
+import "../../styles/index.css"
---
@@ -14,8 +16,6 @@ import "../../styles/components/Layout.css"
Gallus Pub
-
-
diff --git a/styles/index.css b/styles/index.css
index 1a5e731..85c14eb 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -12,7 +12,8 @@ html {
body {
font-family: var(--font-family-primary), serif;
- background-color: var(--color-background);
+ background-color: var(--color-background, #000000);
+ background: #000000;
color: var(--color-text);
line-height: var(--line-height);
}
diff --git a/styles/variables.css b/styles/variables.css
index 1d34f72..9b1b55c 100644
--- a/styles/variables.css
+++ b/styles/variables.css
@@ -1,6 +1,6 @@
:root {
/* Colors */
- --color-background: #000;
+ --color-background: #000000 !important;
--color-text: #f5f5f5;
--color-accent-green: #213b28;
--color-accent-beige: #ceb39b;