/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* CSS Custom Variables - Indo-American Chamber of Commerce (IACCIA) Theme */
:root {
  --bg-color: #ffffff;
  /* Pure white background */
  --bg-card: #ffffff;
  /* Pure white content panels */
  --bg-nav: rgba(255, 255, 255, 0.95);
  /* Crisp white navbar backdrop */
  --bg-light: #f8fafc;
  /* Light grey/slate background for section alternate */
  --bg-light-blue: #f0fdf4;
  /* Very light green for specific sections */

  --primary: #006837;
  /* Deep Emerald Green (Logo main) */
  --primary-glow: rgba(0, 104, 55, 0.08);
  --secondary: #ff9933;
  /* Vibrant Saffron Orange (Logo text) */
  --secondary-glow: rgba(255, 153, 51, 0.08);

  /* Accent Colors */
  --accent-gold: #f59e0b;
  /* Amber/Gold for highlights */
  --accent-gold-glow: rgba(245, 158, 11, 0.1);
  --accent-red: #c8102e;
  --accent-saffron: #ff9933;
  --accent-green: #006837;

  --text-main: #004d28;
  /* Deep Green for headings */
  --text-body: #334155;
  /* Slate 700 for body text readability */
  --text-muted: #64748b;
  /* Slate 500 for captions and lesser text */
  --border-color: #e2e8f0;
  /* Slate 200 thin borders */
  --border-hover: #ff9933;
  /* Saffron highlights on focus */

  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Hero Section Variables (Light/Green Theme) */
  --hero-bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
  --hero-text-main: #006837;
  --hero-text-muted: #475569;
  --hero-border-color: rgba(0, 104, 55, 0.1);
  --hero-border-hover: rgba(0, 104, 55, 0.25);

  /* Extra elements */
  --card-shadow: 0 10px 30px -10px rgba(0, 104, 55, 0.08);
  --card-shadow-hover: 0 20px 40px -15px rgba(0, 104, 55, 0.15);
}