html.accessible-mode {
  --ink: #000000;
  --ink-soft: #000000;
  --paper: #FFFFFF;
  --paper-card: #FFFFFF;
  --teal-700: #0A4A42;
  --teal-800: #052925;
  --teal-100: #FFFFFF;
  --amber-600: #7A3C00;
  --amber-100: #FFFFFF;
  --border: #000000;

  --wash-teal: #FFFFFF;
  --wash-amber: #FFFFFF;
  --dark-band: #000000;
  --dark-band-soft: #FFFFFF;
  --dark-band-border: #FFFFFF;

  --font-display: "Atkinson Hyperlegible", var(--font-body), sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", sans-serif;

  --shadow-card: none;
  --dur: 0s;

  font-size: calc(112.5% * var(--user-font-scale));
  scroll-behavior: auto;
}

html.accessible-mode body {
  line-height: 1.85;
  letter-spacing: 0.01em;
}

html.accessible-mode p {
  margin-bottom: 1.4em;
  max-width: 68ch;
}

html.accessible-mode h1,
html.accessible-mode h2,
html.accessible-mode h3 {
  line-height: 1.3;
  letter-spacing: 0;
}

html.accessible-mode a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

html.accessible-mode a:focus-visible,
html.accessible-mode button:focus-visible,
html.accessible-mode input:focus-visible,
html.accessible-mode select:focus-visible,
html.accessible-mode textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #000000;
  border-radius: 4px;
}

html.accessible-mode .hero-pattern {
  display: none;
}

html.accessible-mode .section-wash-teal::before,
html.accessible-mode .section-wash-amber::before {
  display: none;
}

html.accessible-mode .section-dark {
  border-top: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}
html.accessible-mode .section-dark::before,
html.accessible-mode .section-dark::after {
  display: none;
}

html.accessible-mode .checklist-panel li {
  background: #000000;
  border-color: #FFFFFF;
  border-width: 2px;
  color: #FFFFFF;
}
html.accessible-mode .checklist-panel .check {
  color: #FFD166;
}

html.accessible-mode .member-avatar {
  border: 2px solid #FFFFFF;
  background: #000000;
}

html.accessible-mode .site-header {
  backdrop-filter: none;
  background: var(--paper);
  border-bottom: 2px solid var(--ink);
}

html.accessible-mode .service-card:hover,
html.accessible-mode .btn:hover {
  transform: none;
}

html.accessible-mode [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

html.accessible-mode .pillar,
html.accessible-mode .service-card,
html.accessible-mode .team-card,
html.accessible-mode .testimonial-card,
html.accessible-mode .checklist li,
html.accessible-mode .contact-form {
  border-width: 2px;
}

html.accessible-mode .quote-mark {
  color: var(--teal-800);
}

html.accessible-mode .form-status:not(.visually-hidden) {
  border: 2px solid var(--ink);
}
html.accessible-mode .form-status-error:not(.visually-hidden) {
  background: #FFFFFF;
  color: #000000;
  border-color: #000000;
}

html.accessible-mode .service-icon {
  background: var(--paper);
  border: 2px solid var(--teal-800);
}

html.accessible-mode .sector-list li {
  border: 2px solid var(--teal-800);
}

html.accessible-mode .hero-visual img {
  border: 2px solid #FFFFFF;
  box-shadow: none;
}

html.accessible-mode .hero-subtitle,
html.accessible-mode .hero-stat dt,
html.accessible-mode .hero-stat dd,
html.accessible-mode .footer-tagline,
html.accessible-mode .footer-nav a,
html.accessible-mode .site-footer {
  color: #FFFFFF;
  opacity: 1;
}

html.accessible-mode .footer-copy {
  color: #FFFFFF;
}

html.accessible-mode .hero-inner .eyebrow {
  color: #FFD166;
}
html.accessible-mode .section-head .eyebrow,
html.accessible-mode .section-intro .eyebrow {
  color: #7A3C00;
}
html.accessible-mode .section-dark .eyebrow {
  color: #FFD166;
}
html.accessible-mode .section-dark .section-lede,
html.accessible-mode .section-dark h2 {
  color: #FFFFFF;
}

html.accessible-mode .section-contact {
  border-top: 3px solid var(--ink);
}

html.accessible-mode .btn {
  padding: 1em 1.8em;
  font-size: 1.05rem;
  min-height: 48px;
}

html.accessible-mode .field label {
  font-size: 1rem;
}

html.accessible-mode .field input,
html.accessible-mode .field select,
html.accessible-mode .field textarea {
  padding: 1em;
  font-size: 1.05rem;
  border-width: 2px;
}

html.accessible-mode .primary-nav a {
  font-size: 1rem;
  padding: 10px 4px;
}

html.accessible-mode .a11y-btn {
  min-height: 44px;
  font-size: 0.9rem;
}