:root {
  --color-mint-bg: #f5f6f8;
  --color-point: #c8f542;
  --color-point-hover: #d4f75a;
  --color-point-text: #1e7a48;
  --color-point-text-hover: #166942;
  --color-point-ink: #111111;
  --color-orange: #c8f542;
  --color-accent-lime: #c8f542;
  --facility-mint: #c8f542;
  --guide-mint: #c8f542;
  --program-orange: #c8f542;
  --notice-orange: #c8f542;
}

/* Buttons & badges ? lime fill on dark or as CTA */
.btn-orange,
.guide-cta a,
.facility-cta a,
.program-cta a,
.program-card.featured .card-side > a,
.popup-button {
  color: var(--color-point-ink);
}

.btn-orange:hover,
.guide-cta a:hover,
.facility-cta a:hover,
.program-cta a:hover,
.program-card.featured .card-side > a:hover {
  background-color: var(--color-point-hover);
  color: var(--color-point-ink);
}

/* Text & icons on white / light backgrounds */
.label-teal,
.label-orange,
.guide-section-heading > span,
.guide-process-list .step-number,
.facility-section-title.centered > span,
.facility-intro-copy > span,
.floating-menu-icon-wrapper,
.rental-subtitle-small,
.rental-space-tag,
.rental-detail-icon,
.rental-notes-header-icon {
  color: var(--color-point-text);
}

.floating-menu-item:hover .floating-menu-icon-wrapper {
  color: var(--color-point-text-hover);
}

/* Nav hover */
header .nav-links-common a:hover {
  opacity: 1;
  color: var(--color-point) !important;
}

header.white-header .nav-links-common a:hover,
header.white-header #auth-links a:hover {
  color: var(--color-point-text) !important;
}

/* Lime circle mobile menu ? all pages */
@media (max-width: 768px) {
  header .mobile-menu-btn {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 56px !important;
    height: 56px !important;
    border: none !important;
    border-radius: 50% !important;
    background: var(--color-point) !important;
    cursor: pointer;
  }

  header .mobile-menu-btn span {
    width: 26px !important;
    height: 2px !important;
    background: #111 !important;
    display: block;
  }
}

@media (max-width: 480px) {
  header .mobile-menu-btn {
    width: 44px !important;
    height: 44px !important;
  }

  header .mobile-menu-btn span {
    width: 22px !important;
  }
}
