/* Define custom color variables for the palette */
:root {
  /* Core Brand Colors */
  --light: #F8FAFC;            /* Bright Slate: Clean background for technical reading */
  --dark: #121212;             /* Deep Onyx: High-stakes, nighttime stadium feel */
  --primary: #D72638;          /* Crimson Red: The "Grit" and heart of the brand */
  --secondary: #2E5077;        /* Slate Blue: Professional tone for analytical deep-dives */

  /* UI & Feedback */
  --info: #64748B;             /* Steel Gray: Used for technical metadata and stats */
  --success: #059669;          /* Emerald: Representing victories and personal bests */
  --warning: #F46036;          /* Burnt Orange: High-energy highlights and trending icons */
  --danger: #7F1D1D;           /* Blood Red: For high-stakes errors or injury reports */

  /* Accents */
  --accent1: #D4AF37;          /* Metallic Gold: For "Hall of Fame" or legendary status content */
  --accent2: #94A3B8;          /* Silver Tech: Precision lines for aerodynamic/science stats */
  --accent3: #1E293B;          /* Deep Slate: For high-contrast shadows and precision borders */

  /* Specific Site Mapping */
  --gs-blue-light: var(--secondary);
  --gs-amber: var(--accent1);
  --gs-coral: var(--primary);
  --gs-blue-dark: var(--dark);
}

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

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

/* Custom shadow updated to use the Deep Onyx brand color */
.shadow-custom { box-shadow: 0 0.5rem 1rem rgba(18, 18, 18, 0.2) !important; }

/* Hero section spacing */
.hero-section {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

/* Carousel heights */
.carousel-item .row {
    min-height: 480px;
}

/* Specific background and button overrides using brand Crimson */
.bg-custom {
  background-color: var(--primary) !important;
}

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

.btn-search, .btn-lang {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--dark);
}

.btn-search:hover, .btn-lang:hover {
  background-color: var(--danger); /* Darker red on hover */
  color: #fff;
}

/* Logo specific classes to match the generated logo colors */
.logo-text-1 {
  color: var(--primary); /* Crimson Red */
}
.logo-text-2 {
  color: var(--dark);    /* Deep Onyx */
}
.text-primary-in-home {
  color: var(--primary);
}