/* WCAG Audits palette. Mirrors the homepage evergreen and warm-paper theme. */
:root {
  --tdl-wcag-primary: #006039;
  --tdl-wcag-primary-soft: #0b4a35;
  --tdl-wcag-primary-dark: #073326;
  --tdl-wcag-primary-deep: #05251d;
  --tdl-wcag-primary-light: #e6f1ec;
  --tdl-wcag-paper: #fbfbf8;
  --tdl-wcag-paper-shade: #f2f1ec;
  --tdl-wcag-border: #d5d5d2;
  --tdl-wcag-muted: #829087;
  --\1f3a8 -color--blue-600: #006039;
  --\1f3a8 -color--blue-800: #073326;
  --\1f3a8 -color--blue-950: #05251d;
  --\1f3a8 -color--blue-400: #0b4a35;
  --\1f3a8 -color--blue-200: #d5d5d2;
  --\1f3a8 -color--blue-50: #f2f1ec;
}

html body.wcag-audits-page .button,
html body.wcag-audits-page [data-wf--button--variant="base"].button,
html body.wcag-audits-page .contact-button {
  border-color: var(--tdl-wcag-primary) !important;
  background: var(--tdl-wcag-primary) !important;
  color: #f7f7f5 !important;
  box-shadow: 0 22px 42px rgba(5, 37, 29, 0.24) !important;
}

html body.wcag-audits-page .button:hover,
html body.wcag-audits-page .button:focus-visible,
html body.wcag-audits-page [data-wf--button--variant="base"].button:hover,
html body.wcag-audits-page [data-wf--button--variant="base"].button:focus-visible,
html body.wcag-audits-page .contact-button:hover,
html body.wcag-audits-page .contact-button:focus-visible {
  border-color: var(--tdl-wcag-primary-dark) !important;
  background: var(--tdl-wcag-primary-dark) !important;
  color: #fff !important;
}

html body.wcag-audits-page a:focus-visible,
html body.wcag-audits-page summary:focus-visible,
html body.wcag-audits-page .button:focus-visible,
html body.wcag-audits-page .text-link:focus-visible,
html body.wcag-audits-page .navbar .nav-link:focus-visible,
html body.wcag-audits-page .navbar .nav-dropdown-link.w-dropdown-toggle:focus-visible,
html body.wcag-audits-page .accordion-card:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
}

html body.wcag-audits-page .blue-600-text,
html body.wcag-audits-page .blog-heading-color,
html body.wcag-audits-page .text-link,
html body.wcag-audits-page .navbar .tdl-service-item:hover .tdl-service-name,
html body.wcag-audits-page .navbar .tdl-service-item:focus-visible .tdl-service-name {
  color: var(--tdl-wcag-primary) !important;
}

html body.wcag-audits-page .v3-service-hero-section {
  background-color: var(--tdl-wcag-paper) !important;
  background-image: linear-gradient(180deg, var(--tdl-wcag-paper) 0%, var(--tdl-wcag-paper-shade) 100%) !important;
}

html body.wcag-audits-page .v3-service-hero-shadow-div:not(.background-blue) {
  background: var(--tdl-wcag-primary) !important;
  opacity: 0.16 !important;
}

html body.wcag-audits-page .v3-service-hero-heading-div h1 .black-500-text {
  color: var(--tdl-wcag-primary) !important;
}

html body.wcag-audits-page .tdl-hero-compliance span:first-child {
  color: #56635c !important;
}

html body.wcag-audits-page .tdl-hero-compliance span:not(:first-child):not([aria-hidden="true"]) {
  color: var(--tdl-wcag-primary-dark) !important;
}

html body.wcag-audits-page .v3-service-grid .v3-services-card {
  overflow: hidden;
  background-color: var(--tdl-wcag-primary-deep) !important;
}

html body.wcag-audits-page .v3-service-grid .v3-services-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body.wcag-audits-page .v3-service-grid .v3-services-detail-wrapper {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    rgba(5, 37, 29, 0.04) 0%,
    rgba(5, 37, 29, 0.22) 42%,
    rgba(5, 37, 29, 0.92) 100%
  ) !important;
}

html body.wcag-audits-page .v3-services-icon-box {
  border-color: rgba(230, 241, 236, 0.22) !important;
  background-color: rgba(230, 241, 236, 0.12) !important;
  color: #f2fff8 !important;
}

html body.wcag-audits-page .v3-services-icon,
html body.wcag-audits-page .v3-services-icon svg,
html body.wcag-audits-page .v3-services-icon svg path {
  color: #f2fff8 !important;
  fill: currentColor !important;
}

html body.wcag-audits-page .v3-service-grid .v3-services-card:hover,
html body.wcag-audits-page .v3-service-grid .v3-services-card:focus-within,
html body.wcag-audits-page .blog-wrapper .blog-card-link:hover {
  border-color: rgba(0, 96, 57, 0.24) !important;
  box-shadow: 0 28px 68px rgba(5, 37, 29, 0.16) !important;
}

html body.wcag-audits-page .blog-wrapper .blog-card-link:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
}

html body.wcag-audits-page .v3-process-dot,
html body.wcag-audits-page .v3-process-line,
html body.wcag-audits-page .tdl-slider-mark,
html body.wcag-audits-page .blog-dot {
  border-color: var(--tdl-wcag-primary) !important;
  background-color: var(--tdl-wcag-primary) !important;
}

html body.wcag-audits-page .v3-process-line-div {
  background-color: var(--tdl-wcag-border) !important;
}

html body.wcag-audits-page .v3-process-list-icon,
html body.wcag-audits-page .v3-process-list-icon svg,
html body.wcag-audits-page .v3-process-list-icon svg path {
  color: var(--tdl-wcag-primary) !important;
  fill: currentColor !important;
}

html body.wcag-audits-page .background-gray {
  background-color: var(--tdl-wcag-paper-shade) !important;
}

html body.wcag-audits-page .accordion-card.w--current,
html body.wcag-audits-page .accordion-card:hover {
  border-color: rgba(0, 96, 57, 0.22) !important;
}

html body.wcag-audits-page .accordion-card.w--current .accordion-icon-box,
html body.wcag-audits-page .accordion-card:hover .accordion-icon-box {
  border-color: rgba(0, 96, 57, 0.18) !important;
  background-color: var(--tdl-wcag-primary-light) !important;
  color: var(--tdl-wcag-primary) !important;
}

html body.wcag-audits-page .user-slider-wrapper {
  background-color: var(--tdl-wcag-primary-deep) !important;
  background-image: linear-gradient(90deg, var(--tdl-wcag-primary-deep) 0%, var(--tdl-wcag-primary-dark) 50%, var(--tdl-wcag-primary-deep) 100%) !important;
}

html body.wcag-audits-page section.dark-gray-background {
  background-color: var(--tdl-wcag-primary-deep) !important;
  background-image: linear-gradient(145deg, var(--tdl-wcag-primary-soft) 0%, var(--tdl-wcag-primary-dark) 52%, var(--tdl-wcag-primary-deep) 100%) !important;
}

html body.wcag-audits-page section.dark-gray-background .v1-cta-heading-div h2 {
  color: #aebdb5 !important;
}

html body.wcag-audits-page .tdl-phone-cta-box,
html body.wcag-audits-page .tdl-phone-cta-box * {
  color: #c8d8d0 !important;
  stroke: #c8d8d0 !important;
}

html body.wcag-audits-page .tdl-cta-expectation {
  color: rgba(242, 255, 248, 0.68) !important;
}

html body.wcag-audits-page .navbar .tdl-services-card {
  background: linear-gradient(145deg, rgba(0, 96, 57, 0.96) 0%, rgba(11, 74, 53, 0.9) 48%, rgba(5, 37, 29, 0.96) 100%) !important;
  box-shadow: 0 24px 50px rgba(5, 37, 29, 0.25) !important;
}

/* Keep severity colors meaningful while changing the old blue/purple audit accents. */
html body.wcag-audits-page .tdl-output-artifact::before {
  background: radial-gradient(circle at 18% 14%, rgba(0, 96, 57, 0.38) 0%, transparent 55%), radial-gradient(circle at 92% 92%, rgba(47, 194, 140, 0.18) 0%, transparent 60%) !important;
}

html body.wcag-audits-page .tdl-art-chip.wcag {
  border-color: rgba(47, 194, 140, 0.36) !important;
  background: rgba(0, 96, 57, 0.3) !important;
  color: #9be3c3 !important;
}

html body.wcag-audits-page .tdl-art-bar.med,
html body.wcag-audits-page .tdl-art-avatars span {
  background: linear-gradient(90deg, #006039, #2fc28c) !important;
}

html body.wcag-audits-page .tdl-art-avatars span:first-child {
  background: linear-gradient(135deg, #073326, #2fc28c) !important;
}

html body.wcag-audits-page .tdl-art-avatars span:nth-child(2) {
  background: linear-gradient(135deg, #0b4a35, #0b7f50) !important;
}

html body.wcag-audits-page .tdl-art-video::after {
  background: radial-gradient(circle at 30% 30%, rgba(0, 96, 57, 0.3), transparent 60%) !important;
}

html body.wcag-audits-page .tdl-art-agenda li.done::before {
  border-color: var(--tdl-wcag-primary) !important;
  background-color: var(--tdl-wcag-primary) !important;
}