From 4c434f85115cdc3c18d0240a87121aa7c814d189 Mon Sep 17 00:00:00 2001
From: Chaoscaot <max@maxsp.de>
Date: Mon, 18 May 2026 23:36:25 +0200
Subject: [PATCH] Enhance theme variables in app.css for improved styling
 consistency

---
 src/styles/app.css | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/styles/app.css b/src/styles/app.css
index da12446..286b4ed 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -20,7 +20,32 @@
 @import "tailwindcss";
 
 @theme {
-  --font-display: var(--font-barlow-condensed), sans-serif; 
+  --font-sans: var(--font-roboto), ui-sans-serif, system-ui, sans-serif;
+  --font-display: var(--font-barlow-condensed), sans-serif;
+
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-ring: hsl(var(--ring));
+
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
 }
  
 @layer base {