fist pass

2026-01-31 22:18:40 +00:00
parent a582e1f272
commit a28013de4a
23 changed files with 4131 additions and 823 deletions
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,68 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        viridian: {
+          DEFAULT: '#2E473B',
+          dark: '#1E3229',
+          light: '#3A5A4A',
+          hover: '#456B57',
+        },
+        cream: {
+          DEFAULT: '#F5F5DC',
+          muted: '#C4C4A8',
+          dark: '#8A8A72',
+        },
+        gold: {
+          DEFAULT: '#D4AF37',
+          muted: '#AA8C2C',
+          bright: '#F4CF57',
+        },
+        blockRed: {
+          DEFAULT: '#BE123C',
+          dark: '#880825',
+        },
+        manor: {
+          green: '#4CAF50',
+          red: '#BE123C',
+          nuke: '#BE123C',
+          accent: '#D4AF37',
+          border: 'rgba(245, 245, 220, 0.15)',
+        },
+      },
+      fontFamily: {
+        serif: ['Playfair Display', 'Libre Baskerville', 'Georgia', 'serif'],
+        mono: ['Courier New', 'Consolas', 'monospace'],
+      },
+      backdropBlur: {
+        glass: '16px',
+      },
+      boxShadow: {
+        'glow-green': '0 0 12px rgba(76, 175, 80, 0.4), 0 0 4px rgba(76, 175, 80, 0.2)',
+        'glow-red': 'inset 0 0 12px rgba(190, 18, 60, 0.3), 0 0 8px rgba(190, 18, 60, 0.2)',
+        'glow-gold': '0 0 12px rgba(212, 175, 55, 0.3), 0 0 4px rgba(212, 175, 55, 0.2)',
+        'glass': '0 8px 32px rgba(0, 0, 0, 0.3)',
+      },
+      animation: {
+        'pulse-nuke': 'pulseNuke 2s ease-in-out infinite',
+        'glow-online': 'glowOnline 2s ease-in-out infinite',
+      },
+      keyframes: {
+        pulseNuke: {
+          '0%, 100%': { boxShadow: '0 0 15px rgba(190, 18, 60, 0.4)' },
+          '50%': { boxShadow: '0 0 30px rgba(190, 18, 60, 0.7), 0 0 60px rgba(190, 18, 60, 0.3)' },
+        },
+        glowOnline: {
+          '0%, 100%': { boxShadow: '0 0 6px rgba(76, 175, 80, 0.6)' },
+          '50%': { boxShadow: '0 0 12px rgba(76, 175, 80, 0.9)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+};