/* ==========================================================================
   EFS DevOps — Site Theme Override
   AWS-branded color scheme. Loads AFTER custom.css.
   All component styles remain shared via custom.css.
   ========================================================================== */

:root {
  /* AWS-aligned brand palette */
  --site-primary: #232F3E;       /* AWS Squid Ink — the AWS dark */
  --site-accent: #FF9900;        /* AWS Smile Orange — THE AWS color */
  --site-accent-alt: #EC7211;    /* AWS dark orange — hover/secondary */

  /* Override mapped variables */
  --efs-navy: var(--site-primary);
  --efs-amber: var(--site-accent);
  --efs-teal: var(--site-accent-alt);
}

/* AWS dark hero gradient */
.hero-homepage {
  background: linear-gradient(135deg, #232F3E 0%, #1A2332 50%, #232F3E 100%);
}

/* CTA section gradient */
.cta-section {
  background: linear-gradient(135deg, #232F3E 0%, #1A2332 100%);
}

/* Accent underline uses AWS orange */
.heading-accent::after {
  background: var(--site-accent);
}

/* Card hover border */
.card-service:hover {
  border-left-color: var(--site-accent);
}

/* Stat numbers in AWS orange */
.stat-number,
.card-stat .stat-number {
  color: var(--site-accent);
}

/* Navbar dark background matches AWS Squid Ink */
.navbar-dark {
  background-color: var(--site-primary) !important;
}

.navbar.scrolled {
  background-color: rgba(35, 47, 62, 0.95) !important;
}