Working tailwind

2025-08-21 16:19:59 +02:00
parent b88cbaf816
commit 4e64b820a8
4 changed files with 96 additions and 5 deletions
@@ -1,3 +1,46 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+:root {
+    --background: 240 20% 8%;
+    --foreground: 45 100% 95%;
+    --saturn-gold: 45 95% 68%;
+    --saturn-orange: 25 95% 65%;
+    --saturn-amber: 35 90% 72%;
+    --space-purple: 270 70% 25%;
+    --space-blue: 240 80% 30%;
+    --cosmic-dark: 250 25% 12%;
+    --card: 250 25% 12%;
+    --card-foreground: 45 100% 95%;
+    --popover: 250 30% 10%;
+    --popover-foreground: 45 100% 95%;
+    --primary: 45 95% 68%;
+    --primary-foreground: 250 25% 12%;
+    --secondary: 270 70% 25%;
+    --secondary-foreground: 45 100% 95%;
+    --muted: 250 20% 18%;
+    --muted-foreground: 45 60% 75%;
+    --accent: 240 80% 30%;
+    --accent-foreground: 45 100% 95%;
+    --destructive: 0 75% 55%;
+    --destructive-foreground: 45 100% 95%;
+    --border: 250 20% 20%;
+    --input: 250 20% 15%;
+    --ring: 45 95% 68%;
+    --radius: .75rem;
+    --gradient-cosmic: linear-gradient(135deg, hsl(var(--space-purple)), hsl(var(--space-blue)));
+    --gradient-saturn: linear-gradient(90deg, hsl(var(--saturn-gold)), hsl(var(--saturn-orange)));
+    --gradient-glass: linear-gradient(135deg, hsl(var(--card) / .8), hsl(var(--card) / .3));
+    --glow-saturn: 0 0 30px hsl(var(--saturn-gold) / .5);
+    --glow-cosmic: 0 0 40px hsl(var(--accent) / .3);
+    --shadow-glass: 0 8px 32px hsl(0 0% 0% / .3);
+    --transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);
+    --transition-glow: box-shadow .3s ease;
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+}