55 lines
2.1 KiB
CSS
55 lines
2.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
/* B2A Domain Theme - Azur Blue & Liberty Red */
|
|
|
|
@layer base {
|
|
:root {
|
|
/* Base colors */
|
|
--background: 32 20% 97%; /* #f5f4f2 - Light Beige */
|
|
--foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
|
|
--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 */
|
|
|
|
/* B2A Theme Colors */
|
|
--primary: 207 70% 26%; /* #123f6d - Azur Blue */
|
|
--primary-foreground: 30 25% 98%; /* #faf9f7 - Off White */
|
|
--secondary: 352 76% 48%; /* #ce1d2e - Liberty Red */
|
|
--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 20% 95%; /* hsl(201 20% 95%) - Light Accent */
|
|
--accent-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
|
|
|
|
/* Dark section colors */
|
|
--dark-bg: 207 70% 26%; /* #123f6d - Azur Blue */
|
|
--dark-text: 30 25% 98%; /* #faf9f7 - Off White */
|
|
--dark-muted: 30 20% 70%; /* #b8b0a7 - 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 */
|
|
|
|
/* 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);
|
|
|
|
/* Font families */
|
|
--font-primary: 'Inter', system-ui, -apple-system, sans-serif;
|
|
--font-secondary: 'Merriweather', Georgia, serif;
|
|
}
|
|
}
|
|
|
|
@import "./shared-styles.css";
|