Implement Black & Orange Theme

tailwind.config.ts

@@ -13,6 +13,10 @@ export default {
       },
     },
     extend: {
+      fontFamily: {
+        sans: ['Montserrat', 'system-ui', 'sans-serif'],
+        montserrat: ['Montserrat', 'sans-serif'],
+      },
       colors: {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
@@ -22,6 +26,7 @@ export default {
         primary: {
           DEFAULT: "hsl(var(--primary))",
           foreground: "hsl(var(--primary-foreground))",
+          glow: "hsl(var(--primary-glow))",
         },
         secondary: {
           DEFAULT: "hsl(var(--secondary))",
@@ -57,6 +62,25 @@ export default {
           border: "hsl(var(--sidebar-border))",
           ring: "hsl(var(--sidebar-ring))",
         },
+        industrial: {
+          orange: "hsl(var(--industrial-orange))",
+          "orange-glow": "hsl(var(--industrial-orange-glow))",
+          "orange-dark": "hsl(var(--industrial-orange-dark))",
+          charcoal: "hsl(var(--charcoal))",
+          "charcoal-light": "hsl(var(--charcoal-light))",
+          steel: "hsl(var(--steel))",
+          "steel-light": "hsl(var(--steel-light))",
+        },
+      },
+      backgroundImage: {
+        'gradient-orange': 'var(--gradient-orange)',
+        'gradient-dark': 'var(--gradient-dark)',
+        'gradient-energy': 'var(--gradient-energy)',
+      },
+      boxShadow: {
+        'orange-glow': 'var(--shadow-orange-glow)',
+        'orange-intense': 'var(--shadow-orange-intense)',
+        'dark': 'var(--shadow-dark)',
       },
       borderRadius: {
         lg: "var(--radius)",