/* Define custom color variables for the palette */
:root {
  /* Core Brand Colors */
  --light: #FFFFFF;           /* Optic White: For clarity and high-readability */
  --dark: #001F3F;            /* Deep Navy: "Ice-Cold Focus" and authority */
  --primary: #001F3F;         /* Main Brand Color (Deep Navy) */
  --secondary: #708090;       /* Slate Grey: Representing technical gear and asphalt */
  
  /* UI & Feedback */
  --info: #4682B4;            /* Steel Blue: Professional tone for data/info */
  --success: #2E7D32;         /* Deep Forest Green: Professional success state */
  --warning: #F9A825;         /* Deep Amber: Alert state */
  --danger: #C62828;          /* Crimson: For high-priority errors or "Red Zone" metrics */

  /* Accents (The Savant Signature) */
  --accent1: #D4AF37;         /* Olympic Gold: For elite status and highlights */
  --accent2: #E5E4E2;         /* Platinum: High-end metallic grey for secondary accents */
  --accent3: #1B263B;         /* Dark Steel: For subtle layering and depth */

  /* Specific Site Mapping */
  --gs-blue-light: #5B7FA3;   /* A lighter shade of the technical navy */
  --gs-amber: #D4AF37;        /* Mapped to Gold for branding consistency */
  --gs-coral: #708090;        /* Mapped to Slate for a more analytical feel */
  --gs-blue-dark: #001F3F;    /* The core Deep Navy */
}
/* 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: #001F3F !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: #001F3F;
  border-color: #D4AF37;
}

.btn-lang {
  color: #fff;
  background-color: #001F3F;
  border-color: #D4AF37;
}

/*#130c46,#708090,#D4AF37 and #fff*/
.logo-text-1 {
  color: #001F3F;
}
.logo-text-2 {
  color: #D4AF37;
}
.text-primary-in-home {
  color: #001F3F;
}


/**
 * Option 1: The "Analytical Elite" (Professional & Scientific)
This palette suits the blog's deep dives into aerodynamics, data, and tactical intelligence.

Deep Navy (#001F3F): Represents authority and the "Ice-Cold Focus" of athletes like Björn Borg.

Slate Grey (#708090): Mimics the asphalt of a track or the technical gear of an Ironman.

Olympic Gold (#D4AF37): A nod to the legendary status and medals discussed throughout.

Optic White (#FFFFFF): Provides high-contrast clarity for long-form reading
*/