/* Define custom color variables for the palette */
:root {
  /* Core Brand Colors */
  --light: #F9FBFA;            /* Mint White: Very clean, fresh background for wellness */
  --dark: #1B2E26;             /* Forest Shadow: Deep, grounded green-black for primary text */
  --primary: #2D6A4F;          /* Emerald Growth: The healthy green core representing plant power */
  --secondary: #FF9F1C;        /* Sun Glow: Vibrant orange for energy, citrus, and immunity */

  /* UI & Feedback */
  --info: #4EA8DE;             /* Water Blue: Represents hydration and cognitive clarity */
  --success: #52B788;          /* Vitality Green: Positive health indicators and digestion */
  --warning: #F4A261;          /* Sandy Amber: Gentle highlights for energy-focused content */
  --danger: #BC4749;           /* Berry Red: High-priority alerts or heart-health topics */

  /* Accents */
  --accent1: #6B4D91;          /* Antioxidant Purple: Brain health and cellular protection */
  --accent2: #80ED99;          /* Fresh Sprouts: Light green for borders and hover states */
  --accent3: #2C5F2D;          /* Deep Sage: For technical precision lines and footers */

  /* Specific Site Mapping */
  --gs-blue-light: #4EA8DE;    /* Water Blue for editorial consistency */
  --gs-amber: #FF9F1C;         /* Sun Glow */
  --gs-coral: #2D6A4F;         /* Emerald Growth */
  --gs-blue-dark: #1B2E26;     /* Forest Shadow */
}

/* Apply custom font and primary text color */
body {
  height: 100%;
  font-family: 'Inter', sans-serif;
  color: var(--gs-blue-dark);
  background-color: var(--light);
}

/* Custom color classes using the variables */
.bg-gs-blue-light { background-color: var(--gs-blue-light); }
.bg-gs-amber { background-color: var(--gs-amber); }
.bg-gs-coral { background-color: var(--gs-coral); }
.bg-gs-blue-dark { background-color: var(--gs-blue-dark); }

.text-gs-blue-light { color: var(--gs-blue-light) !important; }
.text-gs-amber { color: var(--gs-amber) !important; }
.text-gs-coral { color: var(--gs-coral) !important; }
.text-gs-blue-dark { color: var(--gs-blue-dark) !important; }

/* Custom link hover colors */
.nav-link.text-gs-blue-dark:hover { color: var(--primary) !important; }

/* Custom card image style */
.card-img-top-cover { height: 220px; object-fit: cover; border-radius: 8px 8px 0 0; }

/* Soft shadow for a modern "holistic" feel */
.shadow-custom { box-shadow: 0 4px 20px rgba(45, 106, 79, 0.1) !important; }

/* Buttons with a healthy green focus */
.btn-search, .btn-lang {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--accent3);
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-search:hover, .btn-lang:hover {
  background-color: var(--success);
  transform: translateY(-1px);
}

/* Logo specific classes */
.logo-text-1 {
  color: var(--primary); /* Emerald Green */
}
.logo-text-2 {
  color: var(--dark);    /* Forest Shadow */
}
.text-primary-in-home {
  color: var(--primary);
}