/* General Styles */
body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  background-color: #ffffff;
  color: #333333;
}

/* Header Styles */
#defaultHeaderSection {
  background-color: #117989;
  color: #ffffff;
}

#defaultNavBrand {
  color: #ffffff;
}

#defaultNavToggle {
  border-color: #ffffff;
}

#defaultNavToggleIcon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 1%29%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E');
}

#defaultNavMenuLink {
  color: #ffffff;
  transition: color 0.3s;
}

#defaultNavMenuLink:hover {
  color: #e0f7fa;
}

#defaultNavLoginBtn,
#defaultNavRegisterBtn {
  background-color: #ffffff;
  color: #117989;
  border: 1px solid #ffffff;
  transition: background-color 0.3s, color 0.3s;
}

#defaultNavLoginBtn:hover,
#defaultNavRegisterBtn:hover {
  background-color: #e0f7fa;
  color: #117989;
}

/* CTA Section */
#defaultCtaSection {
  background-color: #f0f4f5;
  color: #117989;
}

#defaultCtaTitle {
  font-size: 2.5rem;
}

#defaultCtaButton {
  background-color: #117989;
  color: #ffffff;
  transition: background-color 0.3s;
}

#defaultCtaButton:hover {
  background-color: #0a5e6c;
}

/* Article Section */
#articleSection {
  background-color: #ffffff;
  color: #333333;
}

.article-header h2 {
  color: #117989;
}

.article-meta {
  color: #666666;
}

/* Comments Section */
#bubbleCommentsSection {
  background-color: #f0f4f5;
}

#bubbleCommentsTitle {
  color: #117989;
}

#bubbleCommentBox {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}

#bubbleCommentAuthor {
  color: #117989;
}

#bubbleCommentText {
  color: #333333;
}

#commentStars .fa-star {
  color: #ffc107;
}

/* FAQ Section */
#tabsFaqSection {
  background-color: #ffffff;
}

#tabsFaqHeader {
  color: #117989;
}

.nav-link {
  color: #117989;
  border: 1px solid #117989;
  transition: background-color 0.3s, color 0.3s;
}

.nav-link.active {
  background-color: #117989;
  color: #ffffff;
}

#tabsFaqAnswer {
  background-color: #f0f4f5;
  color: #333333;
}

/* Footer Styles */
#defaultFooterSection {
  background-color: #117989;
  color: #ffffff;
}

#defaultFooterText {
  color: #ffffff;
}