@import url('base.css');

/* Chip styles */
@import url('base.css');

.hero-bg {
  background-image: url('../images/hero-env.webp');
}

.hero-tag {
  color: #002d59;
}

.hero-text {
  color: #dca24b;
}

.hero-cta-primary {
  background-color: #dca24b;
  color: #002d59;
}

.hero-cta-secondary {
  border-color: #dca24b;
  color: #fff;
}

.intro-title {
  color: #083b6e;
}

.compliance-title {
  color: #f3f4f6;
}

.compliance-cta {
  background-color: #dca24b;
  color: #002d59;
}
.chip-good{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.35);color:#d1fae5}
.chip-neutral{background:rgba(147,197,253,.15);border-color:rgba(147,197,253,.35);color:#e0f2fe}

/* Row dot styles */
.row-dot{width:14px;height:14px;border-radius:9999px;background:linear-gradient(180deg,#9ca3af,#6b7280);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}

/* Media styles */
.media-16x9{aspect-ratio:16/9}
.media-4x3{aspect-ratio:4/3}
.media-cover{width:100%;height:auto;display:block;object-fit:cover}

/* Hero section styles */
.hero-bg {
  background-image: url('../images/hero-env.webp');
}

.hero-tag {
  color: #002d59;
}

.hero-text {
  color: #dca24b;
}

.hero-cta-primary {
  background-color: #dca24b;
  color: #002d59;
}

.hero-cta-secondary {
  border-color: #dca24b;
  color: #fff;
}

/* Intro section styles */
.intro-title {
  color: #083b6e;
}

/* Compliance & Documentation styles */
.compliance-title {
  color: #f3f4f6;
}

.compliance-cta {
  background-color: #dca24b;
  color: #002d59;
}

/* Key bullets styles */
.key-bullet-text {
  color: #002d59;
}

/* Overview row styles */
.overview-section {
  background: linear-gradient(180deg,#06233f 0%, #0c355a 100%);
}

.overview-row-item {
  background: #294d74;
}

/* Cross-links styles */
.cross-links-title {
  color: #002d59;
}

.cross-links-cta {
  background-color: #dca24b;
  color: #002d59;
}

/* FAQ styles */
.faq-title {
  color: #002d59;
}

.faq-cta {
  background-color: #dca24b;
  color: #002d59;
}

header {
  background-color: #dca24b;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 50;
}

.header-link {
  color: #002d59;
}

.header-link:hover {
  color: #fff;
}

.header-link-active {
  color: #002d59;
  border-bottom: 2px solid #fff;
}

.header-quote-button {
  background-color: #002d59;
  color: #fff;
}

.mobile-menu-button-svg {
  color: #002d59;
}

#mobile-menu {
  background-color: #dca24b;
}

#mobile-menu a {
  color: #002d59;
}