First commit

resources/css/web/theme-b2in.css

@@ -0,0 +1,68 @@
+@import "tailwindcss";
+
+/* B2IN Domain Theme - Anthracite & Dynamic Blue */
+
+@layer base {
+  :root {
+    /* Base colors */
+    --background: 32 20% 97%; /* #f5f4f2 - Light Beige */
+    --foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
+
+    /* Card colors */
+    --card: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
+    --card-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
+
+    --popover: 0 25% 96%; /* #hsl(0 25% 96%)- Off White */
+    --popover-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
+
+    /* B2IN Theme Colors */
+    --primary: 209 32% 25%; /* #2b3f51 - Anthracite */
+    --primary-foreground: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
+
+    --secondary: 199 74% 49%; /* #20a0da - Dynamic Blue */
+    --secondary-foreground: 0 25% 96%; /* hsl(0 25% 96%) - Off White */
+
+    /* Neutral colors */
+    --muted: 0 0% 92%; /* hsl(0 0% 92%) - Light Muted */
+    --muted-foreground: 199 50% 45%; /* #4a8bb5 - Muted Blue */
+
+    --accent: 210 0% 94%; /* hsl(210 5.26% 92.55%) - Light Accent */
+    --accent-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
+
+    /* Dark section colors */
+    --dark-bg: 209 32% 25%; /* Matching primary */
+    --dark-text: 0 0% 100%; /* hsl(0 0% 100%) - Off White */
+    --dark-muted: 0 0% 80%; /* hsl(0 0% 80%) - Dark Muted */
+
+    /* Interactive elements */
+    --destructive: 0 84.2% 60.2%; /* #ef4444 - Red */
+    --destructive-foreground: 210 40% 98%; /* #f8fafc - Light */
+
+    --border: 0 0% 80%; /* hsl(0 0% 80%) - Light Border */
+    --input: 0 0% 92%; /* hsl(0 0% 92%) - Input Background */
+    --ring: 20 14% 16%; /* #2a2a2a - Focus Ring */
+
+    --radius: 0.75rem;
+
+    /* Hero container background */
+    --hero-container: 0 0% 91%; /* #e8e8e8 - Light Gray */
+
+    /* Consistent shadows */
+    --shadow-warm: 0 10px 30px -15px hsl(var(--foreground) / 0.1);
+    --shadow-card: 0 4px 20px -8px hsl(var(--foreground) / 0.08);
+    --shadow-elevated: 0 20px 40px -20px hsl(var(--foreground) / 0.15);
+    --shadow-accent-glow: 0 0 30px hsl(var(--secondary) / 0.3);
+
+    /* Transitions */
+    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+
+    /* Font families */
+    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
+    --font-secondary: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
+  }
+}
+.text-section-title {
+    line-height: 0.95em;
+  }
+@import "./shared-styles.css";