/* Readable text within the existing dark document routes and workflow only. */
.digital-assurance-page :is(#assurance-routes, #assurance-routes + section[class~="bg-[#202124]"]) {
  --foreground: 40 12% 96%;
  --muted-foreground: 220 8% 74%;
  --primary: 38 19% 82%;
  --primary-foreground: 225 5% 14%;
  --ring: 38 19% 82%;
  color: #f5f3ef;
}

/* The site-wide pearl rule currently forces graphite on light sections. */
.digital-assurance-page :is(#assurance-routes, #assurance-routes + section[class~="bg-[#202124]"]) .text-pearl {
  color: #f5f3ef !important;
  -webkit-text-fill-color: currentColor !important;
}

/* These fractional pearl utilities have no generated rules in this build. */
.digital-assurance-page :is(#assurance-routes, #assurance-routes + section[class~="bg-[#202124]"]) [class*="text-pearl/"] {
  color: #c4c8cf !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Keep selected summary titles brighter while references stay secondary. */
.digital-assurance-page #assurance-evidence-panel [role="tab"][aria-selected="true"],
.digital-assurance-page #assurance-evidence-panel [role="tab"]:hover {
  color: #f5f3ef !important;
}

/* Selected brand routes and primary actions retain dark text on light fills. */
.digital-assurance-page #assurance-routes [id^="assurance-tab-"][aria-selected="true"],
.digital-assurance-page #assurance-routes .text-primary-foreground {
  color: #222325;
}