body {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Base font size - Match site standards */
body {
  font-size: 0.89rem;
}

@media (max-width: 768px) {
  body {
    font-size: 1.0625rem;
  }
}

/* Announcement Banner */
.announcement-banner {
  background-color: #111827;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  font-family: 'Figtree', sans-serif;
  font-size: 14px;
}

.announcement-banner * {
  font-family: 'Figtree', sans-serif;
  font-size: 14px;
}

.announcement-banner a {
  color: #ffffff;
  text-decoration: none;
}

.announcement-banner a:hover {
  color: #d1d5db;
}


.brand-button {
  background-color: #5062ff !important;
  font-family: 'Figtree', sans-serif;
}

.brand-button:hover {
  background-color: #3B4CF5 !important;
}

/* Active tab styling */
div .tab-button.active,
.tab-button.active,
button.tab-button.active {
  border-bottom: 2px solid #5062ff !important;
  color: #111827 !important;
}

/* Profile image in nav */
.profile-nav-image {
  display: block !important;
}

/* Brand colors */
.bg-blue-600 {
  background-color: #5062ff !important;
}

.text-blue-600 {
  color: #5062ff !important;
}

.bg-blue-100 {
  background-color: rgba(80, 98, 255, 0.1) !important;
}

.text-blue-700 {
  color: #5062ff !important;
}

/* Text colors - match site standards */
.text-gray-900 {
  color: #111827 !important;
}

.text-gray-700 {
  color: #3f3f46 !important;
}

.text-gray-600 {
  color: #52525b !important;
}

.text-gray-500 {
  color: #71717a !important;
}

/* Headings */
h1, h2, h3 {
  color: #111827;
  font-weight: 600;
}

/* Carousel dots - use brand primary */
.carousel-dot.active {
  background-color: #5062ff !important;
}

/* Border radius standard */
.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

