:root {
  --color-gold-700: #a87412;
  --color-gold-600: #c9971f;
  --color-gold-500: #e8b931;
  --color-gold-400: #f4c542;
  --color-gold-100: #fff3cf;
  --color-gold-soft: rgb(232 185 49 / 14%);
  --color-gold-line: rgb(232 185 49 / 50%);
  --color-gold-ring: rgb(232 185 49 / 42%);
}

::selection {
  color: var(--color-brand-950);
  background: rgb(244 197 66 / 48%);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--color-gold-ring);
  outline-offset: 3px;
}

.home-hero .btn-primary,
.site-header [data-header-row] > div > a:last-child,
.mobile-menu__panel > div:last-child a:first-child,
#diensten .btn-primary,
.home-about .btn-primary,
.footer-cta__button--primary {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
  box-shadow:
    0 14px 30px rgb(18 59 63 / 15%),
    inset 0 -3px 0 rgb(18 59 63 / 12%);
}

.home-hero .btn-primary:hover,
.home-hero .btn-primary:focus-visible,
.site-header [data-header-row] > div > a:last-child:hover,
.site-header [data-header-row] > div > a:last-child:focus-visible,
.mobile-menu__panel > div:last-child a:first-child:hover,
.mobile-menu__panel > div:last-child a:first-child:focus-visible,
#diensten .btn-primary:hover,
#diensten .btn-primary:focus-visible,
.home-about .btn-primary:hover,
.home-about .btn-primary:focus-visible,
.footer-cta__button--primary:hover,
.footer-cta__button--primary:focus-visible {
  color: var(--color-brand-950);
  background: var(--color-gold-600);
  border-color: var(--color-gold-600);
  box-shadow:
    0 18px 36px rgb(18 59 63 / 19%),
    inset 0 -3px 0 rgb(18 59 63 / 16%);
}

.home-hero .btn-primary svg,
.site-header [data-header-row] > div > a:last-child svg,
.mobile-menu__panel > div:last-child a:first-child svg,
#diensten .btn-primary svg,
.home-about .btn-primary svg,
.footer-cta__button--primary svg {
  color: currentColor;
}

.btn-secondary:hover,
.btn-secondary:focus-visible,
.footer-cta__button--secondary:hover,
.footer-cta__button--secondary:focus-visible,
.site-header [data-header-row] > div > a[href^='tel:']:hover,
.site-header [data-header-row] > div > a[href^='tel:']:focus-visible {
  border-color: var(--color-gold-500);
}

.btn-secondary:hover svg,
.btn-secondary:focus-visible svg,
.footer-cta__button--secondary:hover svg,
.footer-cta__button--secondary:focus-visible svg,
.site-header [data-header-row] > div > a[href^='tel:']:hover svg {
  color: var(--color-gold-600);
}

.home-hero__title span {
  color: var(--color-brand-600);
  background-image: linear-gradient(
    to top,
    rgb(244 197 66 / 62%) 0 0.28em,
    transparent 0.28em
  );
  background-repeat: no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: 0.02em;
}

.eyebrow,
.footer-cta__content > p:first-child,
.business-cleaning .uppercase {
  color: var(--color-gold-700);
}

.business-cleaning .uppercase,
.footer-cta__content > p:first-child {
  color: var(--color-gold-400);
}

.eyebrow {
  border: 1px solid rgb(232 185 49 / 32%);
  background:
    linear-gradient(90deg, rgb(232 185 49 / 16%), transparent 76%),
    var(--color-brand-50);
}

.eyebrow svg,
.client-type svg,
.home-trust-list svg,
.home-card-link,
.home-card-link svg {
  color: var(--color-gold-600);
}

.client-types__bar {
  border-color: rgb(232 185 49 / 22%);
  box-shadow:
    var(--shadow-card),
    inset 0 3px 0 rgb(232 185 49 / 38%);
}

.client-type {
  border-color: rgb(232 185 49 / 22%);
}

.client-type:hover,
.client-type:focus-within {
  border-color: var(--color-gold-500);
  background: rgb(232 185 49 / 10%);
}

.home-hero__quality-card span,
.service-card__badge,
.testimonial-card__status,
.home-about__badge strong {
  color: var(--color-brand-950);
  background: rgb(255 243 207 / 94%);
  border-color: rgb(232 185 49 / 48%);
}

.home-hero__rating-card {
  border-color: rgb(232 185 49 / 55%);
  box-shadow:
    var(--shadow-card),
    inset 0 3px 0 var(--color-gold-500);
}

.home-hero__rating-card .flex {
  color: var(--color-gold-500);
  filter: drop-shadow(0 1px 0 rgb(18 59 63 / 16%));
}

.home-flow-line {
  border-color: rgb(232 185 49 / 46%);
}

.home-service-card::before {
  position: absolute;
  top: 0;
  left: 1.25rem;
  z-index: 4;
  width: min(7rem, 38%);
  height: 4px;
  content: '';
  background: var(--color-gold-500);
  border-radius: 0 0 999px 999px;
  box-shadow: 0 8px 18px rgb(232 185 49 / 22%);
}

.home-service-card.service-card--featured::before {
  inset: 0 auto 0 0;
  width: 5px;
  height: auto;
  border-radius: 0;
}

.home-service-card:hover,
.home-service-card:focus-within,
.home-service-card.service-card--featured {
  border-color: rgb(232 185 49 / 50%);
}

.home-service-card:hover .service-card__badge,
.home-service-card:focus-within .service-card__badge {
  color: var(--color-brand-950);
  background: var(--color-gold-400);
  border-color: var(--color-gold-500);
}

.service-card__number,
.service-card--featured .service-card__number {
  color: var(--color-gold-500);
  font-size: clamp(2.55rem, 6.5vw, 4.35rem);
  opacity: 0.96;
  text-shadow:
    0 10px 28px rgb(18 59 63 / 22%),
    0 1px 0 rgb(18 59 63 / 18%);
}

.services-card__number {
  color: var(--color-gold-500);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  font-size: 2.15rem;
  text-shadow: 0 8px 20px rgb(18 59 63 / 14%);
}

.service-card__link {
  color: var(--color-brand-700);
}

.service-card__link::after,
.nav-link:hover::after,
.nav-link:focus-visible::after,
.nav-link.is-active::after,
.mobile-nav-link:hover::after,
.mobile-nav-link:focus-visible::after,
.mobile-nav-link.is-active::after,
.site-footer__heading::after,
.feature-card::after {
  background: var(--color-gold-500);
}

.service-card__link:hover,
.service-card__link:focus-visible,
.home-service-card:hover .service-card__link,
.home-service-card:focus-within .service-card__link {
  color: var(--color-gold-700);
}

.service-card__link:hover svg,
.service-card__link:focus-visible svg,
.home-service-card:hover .service-card__link svg,
.home-service-card:focus-within .service-card__link svg {
  color: var(--color-gold-600);
}

.home-service-card:hover .service-card__icon,
.home-service-card:focus-within .service-card__icon,
.feature-card:hover .feature-card__icon,
.feature-card:focus-within .feature-card__icon {
  box-shadow:
    0 14px 30px rgb(18 59 63 / 14%),
    inset 0 -3px 0 rgb(244 197 66 / 45%);
}

.business-cleaning__lines {
  opacity: 0.22;
  background-image:
    linear-gradient(rgb(232 185 49 / 14%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(232 185 49 / 10%) 1px, transparent 1px);
}

.business-cleaning h2::after {
  display: block;
  width: 5.25rem;
  height: 4px;
  margin-top: 1.15rem;
  content: '';
  background: var(--color-gold-500);
  border-radius: 999px;
}

.business-cleaning li svg,
.services-dark-list-item svg,
.site-footer__contact-item svg {
  color: var(--color-gold-400);
}

.business-cleaning__image {
  border-color: rgb(232 185 49 / 30%);
}

.business-cleaning__image figcaption {
  border-color: rgb(232 185 49 / 42%);
  box-shadow: inset 4px 0 0 var(--color-gold-500);
}

.business-cleaning .btn-light {
  border-color: rgb(232 185 49 / 62%);
  color: var(--color-brand-950);
}

.business-cleaning .btn-light:hover,
.business-cleaning .btn-light:focus-visible {
  border-color: var(--color-gold-500);
  background: var(--color-gold-500);
}

.feature-card {
  border-color: rgb(232 185 49 / 18%);
}

.feature-card__icon {
  color: var(--color-gold-700);
  background: rgb(255 243 207 / 82%);
  border-color: rgb(232 185 49 / 30%);
}

.process-track::before,
.process-track__line {
  background: linear-gradient(90deg, transparent, rgb(232 185 49 / 54%), transparent);
}

.process-step__number {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
  box-shadow: 0 10px 22px rgb(232 185 49 / 22%);
}

.process-step:hover .process-step__number,
.process-step:focus-within .process-step__number {
  background: var(--color-gold-600);
  border-color: var(--color-gold-600);
}

.home-check-list li svg,
.residential-cleaning__services svg {
  color: var(--color-gold-600);
}

.home-about__badge {
  border-color: rgb(232 185 49 / 42%);
  box-shadow:
    var(--shadow-card-hover),
    inset 0 4px 0 rgb(232 185 49 / 72%);
}

.home-about__badge strong {
  display: inline-flex;
  width: fit-content;
  min-height: 2rem;
  align-items: center;
  padding-inline: 0.65rem;
  border-radius: 999px;
}

.stat-item {
  border-color: rgb(232 185 49 / 25%);
  box-shadow: inset 0 4px 0 rgb(232 185 49 / 58%);
}

.stat-item strong {
  color: var(--color-gold-400);
}

.work-area__circle {
  box-shadow:
    var(--shadow-card-hover),
    0 0 0 8px rgb(232 185 49 / 12%);
}

.work-area__chip:hover {
  border-color: var(--color-gold-500);
}

.faq-item__button:hover .faq-item__icon,
.faq-item__button:focus-visible .faq-item__icon,
.faq-item.is-open .faq-item__icon {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
}

.footer-cta__inner {
  position: relative;
}

.footer-cta__inner::before,
.footer-cta__inner::after {
  position: absolute;
  z-index: 0;
  content: '';
  pointer-events: none;
}

.footer-cta__inner::before {
  top: 1.6rem;
  right: clamp(1rem, 8vw, 7rem);
  width: clamp(5rem, 12vw, 8rem);
  aspect-ratio: 1;
  border-radius: 999px;
  background: rgb(244 197 66 / 17%);
}

.footer-cta__inner::after {
  right: clamp(0.75rem, 7vw, 5rem);
  bottom: 2rem;
  width: clamp(8rem, 17vw, 12rem);
  height: clamp(4rem, 8vw, 6rem);
  border: 3px solid rgb(244 197 66 / 24%);
  border-left: 0;
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
  transform: rotate(-8deg);
}

.footer-cta__content {
  position: relative;
}

.footer-link:hover,
.footer-link:focus-visible,
.site-footer__credit:hover,
.site-footer__credit:focus-visible {
  color: var(--color-gold-400);
}

.contact-form-field input:focus,
.contact-form-field select:focus,
.contact-form-field textarea:focus,
.quote-form-field input:focus,
.quote-form-field select:focus,
.quote-form-field textarea:focus,
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: var(--color-brand-600);
  box-shadow: 0 0 0 4px var(--color-gold-ring);
}

/* Global page coverage: apply the same gold accent system across every template. */
.btn-primary,
.contact-submit-button,
.quote-button--primary,
.about-cta__button--primary,
.services-cta__button--primary,
.work-area-cta__button--primary,
.contact-cta__button--primary,
.quote-cta__button--primary,
.single-service-hero__actions .btn-primary,
.single-service-work-area__actions .btn-primary,
.single-service-final-cta__actions .btn-primary,
.single-service-sticky-cta a:first-child,
.privacy-hero__actions .btn-primary,
.privacy-contact__actions .btn-primary,
.terms-hero__actions .btn-primary,
.terms-contact__actions .btn-primary {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
  box-shadow:
    0 14px 30px rgb(18 59 63 / 15%),
    inset 0 -3px 0 rgb(18 59 63 / 12%);
}

.btn-primary:hover,
.btn-primary:focus-visible,
.contact-submit-button:hover,
.contact-submit-button:focus-visible,
.quote-button--primary:hover,
.quote-button--primary:focus-visible,
.about-cta__button--primary:hover,
.about-cta__button--primary:focus-visible,
.services-cta__button--primary:hover,
.services-cta__button--primary:focus-visible,
.work-area-cta__button--primary:hover,
.work-area-cta__button--primary:focus-visible,
.contact-cta__button--primary:hover,
.contact-cta__button--primary:focus-visible,
.quote-cta__button--primary:hover,
.quote-cta__button--primary:focus-visible,
.single-service-hero__actions .btn-primary:hover,
.single-service-hero__actions .btn-primary:focus-visible,
.single-service-work-area__actions .btn-primary:hover,
.single-service-work-area__actions .btn-primary:focus-visible,
.single-service-final-cta__actions .btn-primary:hover,
.single-service-final-cta__actions .btn-primary:focus-visible,
.single-service-sticky-cta a:first-child:hover,
.single-service-sticky-cta a:first-child:focus-visible,
.privacy-hero__actions .btn-primary:hover,
.privacy-hero__actions .btn-primary:focus-visible,
.privacy-contact__actions .btn-primary:hover,
.privacy-contact__actions .btn-primary:focus-visible,
.terms-hero__actions .btn-primary:hover,
.terms-hero__actions .btn-primary:focus-visible,
.terms-contact__actions .btn-primary:hover,
.terms-contact__actions .btn-primary:focus-visible {
  color: var(--color-brand-950);
  background: var(--color-gold-600);
  border-color: var(--color-gold-600);
  box-shadow:
    0 18px 36px rgb(18 59 63 / 19%),
    inset 0 -3px 0 rgb(18 59 63 / 16%);
}

.btn-primary svg,
.contact-submit-button svg,
.quote-button--primary svg,
.about-cta__button--primary svg,
.services-cta__button--primary svg,
.work-area-cta__button--primary svg,
.contact-cta__button--primary svg,
.quote-cta__button--primary svg,
.single-service-sticky-cta a:first-child svg {
  color: currentColor;
}

:is(
  .about-hero__title,
  .services-hero__title,
  .work-area-hero__title,
  .contact-hero__title,
  .quote-hero__title,
  .single-service-hero__title
) span {
  color: var(--color-brand-600);
  background-image: linear-gradient(
    to top,
    rgb(244 197 66 / 58%) 0 0.27em,
    transparent 0.27em
  );
  background-repeat: no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: 0.02em;
}

:is(
  .about-breadcrumb,
  .services-breadcrumb,
  .work-area-breadcrumb,
  .contact-breadcrumb,
  .quote-breadcrumb,
  .service-breadcrumb,
  .privacy-breadcrumb,
  .terms-breadcrumb
) a:hover,
:is(
  .about-breadcrumb,
  .services-breadcrumb,
  .work-area-breadcrumb,
  .contact-breadcrumb,
  .quote-breadcrumb,
  .service-breadcrumb,
  .privacy-breadcrumb,
  .terms-breadcrumb
) a:focus-visible,
.privacy-article a:hover,
.privacy-article a:focus-visible,
.terms-article a:hover,
.terms-article a:focus-visible,
.terms-contact a:not(.btn):hover,
.terms-contact a:not(.btn):focus-visible {
  color: var(--color-gold-700);
}

:is(
  .about-breadcrumb,
  .services-breadcrumb,
  .work-area-breadcrumb,
  .contact-breadcrumb,
  .quote-breadcrumb,
  .service-breadcrumb,
  .privacy-breadcrumb,
  .terms-breadcrumb
) a:hover::after,
:is(
  .about-breadcrumb,
  .services-breadcrumb,
  .work-area-breadcrumb,
  .contact-breadcrumb,
  .quote-breadcrumb,
  .service-breadcrumb,
  .privacy-breadcrumb,
  .terms-breadcrumb
) a:focus-visible::after,
.privacy-article a:hover::after,
.privacy-article a:focus-visible::after,
.terms-article a:hover::after,
.terms-article a:focus-visible::after,
.terms-contact a:not(.btn):hover::after,
.terms-contact a:not(.btn):focus-visible::after,
.contact-detail a:hover::after,
.contact-detail a:focus-visible::after,
.legal-toc__link:hover::before,
.legal-toc__link:focus-visible::before,
.legal-toc__link.is-active::before,
.privacy-navigation a:hover::before,
.privacy-navigation a:focus-visible::before,
.terms-navigation a:hover::before,
.terms-navigation a:focus-visible::before,
.services-comparison-table a:hover::after,
.services-comparison-cards a:hover::after {
  background: var(--color-gold-500);
}

:is(
  .services-card__badge,
  .services-selector-result__label,
  .work-area-contact-card__badge,
  .about-team__badge,
  .single-service-location-badge,
  .terms-badge,
  .privacy-date-badge,
  .legal-concept-badge,
  .quote-progress__status,
  .quote-field__label span
) {
  color: var(--color-brand-950);
  background: rgb(255 243 207 / 94%);
  border-color: rgb(232 185 49 / 46%);
}

:is(
  .about-value-card,
  .services-card,
  .services-frequency-card,
  .services-moving-steps article,
  .services-comparison-cards article,
  .work-area-card,
  .work-area-levels article,
  .work-area-check-option,
  .work-area-client-card,
  .work-area-service-card,
  .contact-method-card,
  .contact-radio-card,
  .contact-detail,
  .quote-option-card,
  .quote-benefit-card,
  .quote-process-step,
  .quote-knowledge-list li,
  .privacy-info-card,
  .privacy-legal-list article,
  .terms-info-card,
  .single-service-trust-card,
  .single-service-key-card,
  .single-service-office-card,
  .single-service-benefit-card,
  .single-service-zone-card,
  .single-service-included-item,
  .single-service-frequency-option__inner,
  .single-service-related-card,
  .single-service-additional-card
) {
  border-color: rgb(232 185 49 / 18%);
}

:is(
  .about-value-card,
  .services-card,
  .services-frequency-card,
  .services-moving-steps article,
  .services-comparison-cards article,
  .work-area-card,
  .work-area-levels article,
  .work-area-check-option,
  .work-area-client-card,
  .work-area-service-card,
  .contact-method-card,
  .contact-radio-card,
  .contact-detail,
  .quote-option-card,
  .quote-benefit-card,
  .quote-process-step,
  .quote-knowledge-list li,
  .privacy-info-card,
  .privacy-legal-list article,
  .terms-info-card,
  .single-service-trust-card,
  .single-service-key-card,
  .single-service-office-card,
  .single-service-benefit-card,
  .single-service-zone-card,
  .single-service-included-item,
  .single-service-frequency-option__inner,
  .single-service-related-card,
  .single-service-additional-card
):hover,
:is(
  .about-value-card,
  .services-card,
  .work-area-card,
  .work-area-check-option,
  .work-area-client-card,
  .work-area-service-card,
  .contact-method-card,
  .contact-radio-card,
  .quote-option-card,
  .single-service-trust-card,
  .single-service-zone-card
):focus-visible,
:is(
  .about-value-card,
  .services-card,
  .work-area-check-option,
  .contact-radio-card,
  .quote-option-card
):focus-within,
.services-selector-option:hover,
.services-selector-option:focus-visible,
.services-selector-option.is-active,
.quote-option-card:has(input:checked),
.quote-option-card:has(input:focus-visible),
.single-service-zone-card[aria-selected='true'] {
  border-color: var(--color-gold-line);
  box-shadow:
    0 18px 38px rgb(18 59 63 / 11%),
    inset 0 3px 0 rgb(232 185 49 / 42%);
}

.about-value-card::after,
.services-card::after,
.contact-method-card::after,
.contact-radio-card::after,
.work-area-client-card::after,
.work-area-service-card::after,
.quote-benefit-card::after,
.single-service-trust-card::after {
  background: var(--color-gold-500);
}

:is(
  .about-value-card__icon,
  .services-card__icon,
  .services-selector-option__icon,
  .work-area-card__icon,
  .work-area-check-option__icon,
  .contact-method-card__icon,
  .contact-radio-card__icon,
  .contact-detail__icon,
  .quote-option-card__icon,
  .quote-benefit-card__icon,
  .privacy-info-card__icon,
  .terms-info-card__icon,
  .single-service-zone-card__icon
) {
  color: var(--color-gold-700);
  background: rgb(255 243 207 / 86%);
  border-color: rgb(232 185 49 / 34%);
}

:is(
  .about-value-card:hover .about-value-card__icon,
  .about-value-card:focus-within .about-value-card__icon,
  .services-card:hover .services-card__icon,
  .services-card:focus-within .services-card__icon,
  .services-selector-option:hover .services-selector-option__icon,
  .services-selector-option:focus-visible .services-selector-option__icon,
  .services-selector-option.is-active .services-selector-option__icon,
  .work-area-card:hover .work-area-card__icon,
  .work-area-check-option:hover .work-area-check-option__icon,
  .work-area-check-option:focus-within .work-area-check-option__icon,
  .work-area-check-option.is-active .work-area-check-option__icon,
  .contact-method-card:hover .contact-method-card__icon,
  .contact-method-card:focus-visible .contact-method-card__icon,
  .contact-radio-card:hover .contact-radio-card__icon,
  .contact-radio-card:focus-within .contact-radio-card__icon,
  .contact-radio-card.is-active .contact-radio-card__icon,
  .contact-detail:hover .contact-detail__icon,
  .quote-option-card:hover .quote-option-card__icon,
  .quote-option-card:focus-within .quote-option-card__icon,
  .quote-option-card:has(input:checked) .quote-option-card__icon,
  .quote-benefit-card:hover .quote-benefit-card__icon,
  .privacy-info-card:hover .privacy-info-card__icon,
  .terms-info-card:hover .terms-info-card__icon,
  .single-service-zone-card:hover .single-service-zone-card__icon,
  .single-service-zone-card:focus-visible .single-service-zone-card__icon,
  .single-service-zone-card[aria-selected='true'] .single-service-zone-card__icon
) {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
  box-shadow: 0 12px 26px rgb(232 185 49 / 24%);
}

:is(
  .services-card__number,
  .about-approach-step__number,
  .services-process-step > span,
  .contact-process-step > span,
  .work-area-process-step > span,
  .work-area-levels article > span,
  .work-area-client-card > span,
  .work-area-service-card > span,
  .quote-progress__number,
  .quote-process-step span,
  .single-service-process-step__number,
  .single-service-key-card span,
  .single-service-office-card span,
  .single-service-benefit-card span,
  .single-service-related-card > span
) {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
  box-shadow: 0 10px 22px rgb(232 185 49 / 22%);
}

:is(
  .about-approach-step:hover .about-approach-step__number,
  .services-process-step:hover > span,
  .contact-process-step:hover > span,
  .work-area-process-step:hover > span,
  .work-area-levels article:hover > span,
  .work-area-levels article.is-active > span,
  .work-area-client-card:hover > span,
  .work-area-service-card:hover > span,
  .quote-progress__button.is-active .quote-progress__number,
  .quote-progress__button.is-complete .quote-progress__number,
  .quote-process-step:hover span,
  .single-service-process-step:hover .single-service-process-step__number
) {
  background: var(--color-gold-600);
  border-color: var(--color-gold-600);
}

.services-card__link,
.services-comparison-table a,
.services-comparison-cards a,
.work-area-check-result__link,
.work-area-contact-card a,
.contact-help-card__links a,
.contact-detail a,
.quote-review__group button,
.quote-contact-options a,
.single-service-inline-cta,
.single-service-related-card a,
.privacy-navigation a:hover,
.terms-navigation a:hover,
.legal-toc__link:hover,
.legal-toc__link.is-active {
  color: var(--color-gold-700);
}

:is(
  .services-card:hover .services-card__link,
  .services-card:focus-within .services-card__link,
  .work-area-check-result__link:hover,
  .work-area-check-result__link:focus-visible,
  .contact-help-card__links a:hover,
  .contact-help-card__links a:focus-visible,
  .quote-review__group button:hover,
  .quote-review__group button:focus-visible,
  .quote-contact-options a:hover,
  .quote-contact-options a:focus-visible,
  .single-service-inline-cta:hover,
  .single-service-inline-cta:focus-visible,
  .single-service-related-card a:hover,
  .single-service-related-card a:focus-visible
) svg {
  color: var(--color-gold-600);
}

:is(
  .about-client-panel li svg,
  .about-quality-list li svg,
  .services-dark-list-item svg,
  .services-chip-grid span svg,
  .services-clean-list li svg,
  .work-area-dark-list-item svg,
  .work-area-contact-card dt,
  .contact-hero-card svg,
  .contact-trust-list svg,
  .contact-help-card li svg,
  .contact-location__address svg,
  .quote-knowledge-list svg,
  .single-service-included-item span,
  .single-service-quality-list li svg,
  .site-footer__contact-item svg
) {
  color: var(--color-gold-600);
}

:is(
  .services-duo-card--dark .services-dark-list-item svg,
  .work-area-dark-list-item svg,
  .business-cleaning li svg,
  .site-footer__contact-item svg
) {
  color: var(--color-gold-400);
}

:is(
  .services-quick-nav__links a:hover,
  .services-quick-nav__links a:focus-visible,
  .services-chip-grid span:hover,
  .services-factor-grid span:hover,
  .services-hotspot:hover,
  .services-hotspot:focus-visible,
  .services-comparison-table tbody tr:hover,
  .work-area-ring-button:hover,
  .work-area-ring-button:focus-visible,
  .work-area-ring-button.is-active,
  .quote-chip:hover,
  .quote-progress__button:not(:disabled):hover,
  .quote-progress__button:focus-visible,
  .privacy-navigation a:hover,
  .privacy-navigation a:focus-visible,
  .terms-navigation a:hover,
  .terms-navigation a:focus-visible
) {
  border-color: var(--color-gold-500);
}

:is(
  .services-hotspot:hover span,
  .services-hotspot:focus-visible span,
  .work-area-ring-button:hover span,
  .work-area-ring-button:focus-visible span,
  .work-area-ring-button.is-active span,
  .quote-progress__button.is-active,
  .quote-progress__button.is-complete,
  .contact-radio-card__check,
  .work-area-check-option__check
) {
  color: var(--color-brand-950);
  background: var(--color-gold-500);
  border-color: var(--color-gold-500);
}

.services-card:hover h3,
.services-card:focus-within h3,
.about-value-card:hover h3,
.about-value-card:focus-within h3,
.work-area-card:hover h3,
.work-area-card:focus-within h3,
.contact-method-card:hover strong,
.contact-method-card:focus-visible strong,
.single-service-related-card a:hover {
  color: var(--color-gold-700);
}

:is(
  .about-local-map__label,
  .work-area-hero-map__label,
  .contact-location-map__label
) {
  border-color: rgb(232 185 49 / 34%);
  box-shadow:
    var(--shadow-card),
    inset 0 3px 0 rgb(232 185 49 / 34%);
}

:is(
  .about-local-map__center:hover,
  .contact-location-map__center,
  .work-area-hero-map__center
) {
  box-shadow:
    var(--shadow-card-hover),
    0 0 0 8px rgb(232 185 49 / 13%);
}

:is(
  .contact-shape,
  .quote-shape,
  .contact-flow-line,
  .quote-process__line,
  .contact-process-track__line,
  .services-process-track__line,
  .work-area-process-track__line
) {
  border-color: rgb(232 185 49 / 34%);
}

:is(
  .contact-process-track__line,
  .services-process-track__line,
  .work-area-process-track__line,
  .quote-process__line
) {
  background: linear-gradient(90deg, transparent, rgb(232 185 49 / 52%), transparent);
}

:is(
  .about-cta,
  .services-cta,
  .work-area-cta,
  .contact-cta,
  .quote-contact-alternative,
  .single-service-final-cta
)::before {
  background: rgb(244 197 66 / 15%);
}

:is(
  .about-cta,
  .services-cta,
  .work-area-cta,
  .contact-cta,
  .single-service-final-cta
)::after {
  border-color: rgb(244 197 66 / 23%);
}

.btn-secondary-on-dark:hover,
.btn-secondary-on-dark:focus-visible,
.btn-dark-outline:hover,
.btn-dark-outline:focus-visible,
.single-service-sticky-cta a:last-child:hover,
.single-service-sticky-cta a:last-child:focus-visible {
  border-color: var(--color-gold-500);
}

.btn-secondary-on-dark:hover svg,
.btn-secondary-on-dark:focus-visible svg,
.btn-dark-outline:hover svg,
.btn-dark-outline:focus-visible svg,
.single-service-sticky-cta a:last-child:hover svg,
.single-service-sticky-cta a:last-child:focus-visible svg {
  color: var(--color-gold-600);
}

.services-card__number {
  color: var(--color-gold-500);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  font-size: 2.15rem;
  text-shadow: 0 8px 20px rgb(18 59 63 / 14%);
}