/* Define custom color variables for the palette */
:root {
  /* Core Brand Colors */
  --light: #FDFDFD;           /* Paper White: For a clean, scholarly reading experience */
  --dark: #002147;            /* Abyssal Blue: For authority and depth */
  --primary: #002147;         /* Primary Brand (Deep Blue) */
  --secondary: #8A9A5B;       /* Sage: For nature, biology, and the carbon cycle */
  
  /* UI & Feedback */
  --info: #4A90E2;            /* Sky Blue: For atmospheric and climate data */
  --success: #2D5A27;         /* Deep Forest: Successful biological growth/photosynthesis */
  --warning: #FFD700;         /* Pure Gold: Highlights for "Savant" level insights */
  --danger: #B22222;          /* Firebrick: For extinction events and runaway greenhouse effects */

  /* Accents */
  --accent1: #B8860B;         /* Burnished Gold: For call-to-actions and branding */
  --accent2: #E1E1E1;         /* Ash: For subtle dividers like geological strata */
  --accent3: #1C1C1C;         /* Ink: For fine mathematical/scientific notation */

  /* Specific Site Mapping */
  --gs-blue-light: #4A90E2;   
  --gs-amber: #B8860B;        
  --gs-coral: #8A9A5B;        
  --gs-blue-dark: #002147;    
}
/* Apply custom font and primary text color */
body {
  height: 100%;
  font-family: 'Inter', sans-serif;
  color: var(--gs-blue-dark); 
  background-color: #f8f8f8; /* Very light gray background */
}

/* 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(--gs-blue-light) !important; }

/* Custom card image style for object-fit: cover */
.card-img-top-cover { height: 200px; object-fit: cover; }

/* Custom shadow for prominence */
.shadow-custom { box-shadow: 0 0.5rem 1rem rgba(46, 83, 165, 0.2) !important; }

/* Adjusting padding and margin for the hero section to match previous design */
.hero-section {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

/* Ensure carousel images don't get squished */
.carousel-item .row {
    min-height: 480px; /* Adjust as needed */
}

.bg-custom {
  background-color: #4A90E2 !important;
}

.bgcustom {
  background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .7)), url(/static/img/athletesavant.com/athletesavant.jpg?v1=123123);
  background-size: cover;
  height: 500px;
}

.btn-search {
  color: #fff;
  background-color: #4A90E2;
  border-color: #B8860B;
}

.btn-lang {
  color: #fff;
  background-color: #4A90E2;
  border-color: #B8860B;
}

/*#130c46,#708090,#B8860B and #fff*/
.logo-text-1 {
  color: #4A90E2;
}
.logo-text-2 {
  color: #B8860B;
}
.text-primary-in-home {
  color: #4A90E2;
}