@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";