/* =============================================================================
   VGTC Brand Colors — derived from company logo
   Dark navy background, sky-blue accent, white text
   ============================================================================= */

:root {
  /* Primary navy from logo background */
  --md-primary-fg-color:        #0d2a4a;
  --md-primary-fg-color--light: #1a3f6e;
  --md-primary-fg-color--dark:  #071828;
  /* Sky-blue accent matching logo text and swoosh */
  --md-accent-fg-color:         #5bc8f5;
  --md-accent-fg-color--transparent: rgba(91, 200, 245, 0.1);
}

/* Ensure logo image is not given a coloured background in the header */
.md-header__button.md-logo img {
  filter: none;
}

/* Hero section utility class used on the home page */
.hero-section {
  text-align: center;
  padding: 2rem 1rem 3rem;
}

.hero-section h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.hero-section .hero-subtitle {
  font-size: 1.25rem;
  opacity: 0.8;
  max-width: 600px;
  margin: 0 auto 2rem;
}