/* Body and background styling */
body {
  /* Dark green to black vertical gradient background */
  background: linear-gradient(to bottom, #003f2f 0%, #000000 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #e0e0e0;  /* Light text for contrast on dark background */
  font-family: sans-serif;  /* Base font (will be overridden by specific fonts for headings) */
  margin: 0;
  padding: 0;
}

/* Use Cinzel Decorative for prestige headings (like H1 or accordion headers) */
h1, .accordion-button {
  font-family: 'Cinzel Decorative', serif;
}
/* Use Bebas Neue for sporty elements if needed (e.g., the tagline or special labels) */
.tagline, .btn {
  font-family: 'Bebas Neue', sans-serif;
}

/* Top language selector links */
a.text-light.text-decoration-none:hover {
  text-decoration: underline;
}

/* Logo image - if needed, we could constrain size via CSS (max-width set inline in HTML) */
#mainLogo {
  /* Centering handled by parent container text-center */
}

/* Logo selector dropdown style - making it subtle on dark background */
#logoSelect {
  background-color: #223;
  color: #eee;
  border: 1px solid #555;
}
#logoSelect:focus {
  outline: none;
  box-shadow: 0 0 0 2px #44aa44;  /* a subtle focus outline (green) */
}

/* Button styling for "Register Your Team" (using a custom gold color scheme) */
.btn-gold {
  background-color: #d4af37;  /* gold color */
  color: #000;               /* black text for contrast on gold */
  border: none;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 0.05em;
}
.btn-gold:hover {
  background-color: #c39c32; /* slightly darker gold on hover */
  color: #000;
}

/* Accordion custom styling for dark theme */
.accordion-button {
  /* Dark background for collapsed state */
  background-color: rgba(255, 255, 255, 0.05);
  color: #e0e0e0;
}
.accordion-button:not(.collapsed) {
  /* Slightly brighter background when section is expanded */
  background-color: rgba(255, 255, 255, 0.1);
  color: #e0e0e0;
}
.accordion-button::after {
  /* Override the default Bootstrap icon (downward caret) to be visible on dark background */
  filter: invert(1);
}
/* Remove default accordion item borders and adjust spacing */
.accordion-item {
  border: none;
  margin-bottom: 0.5rem;
  background-color: transparent;
}
/* Accordion body styling */
.accordion-body {
  background-color: rgba(255, 255, 255, 0.02);
  color: #e0e0e0;
}
/* Links inside accordion content */
.accordion-body a {
  color: #a0e0a0;
  text-decoration: underline;
}
.accordion-body a:hover {
  color: #c0f0c0;
}

/* Bold text within accordion content (like list headings) to be a light gold for accent */
.accordion-body strong {
  color: #f0e68c;  /* khaki/gold light for emphasis text */
}

strong {
  color: #f0e68c;
}

/* Small tweaks for list spacing inside accordion content */
.accordion-body ul, .accordion-body ol {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.accordion-body li {
  margin-bottom: 0.5rem;
}

/* Add gold strong for language selector */
.language-selector strong {
  color: #f0e68c !important;
}