/* Shared accent with frontend/app/turquoise-accent.css. Landings retain their dark theme. */
:root {
  --portal-accent:#59d4bb;
  --portal-accent-glow:#59d4bb26;
  scrollbar-color:#62666e #161719;
}
html:root body :is(.eyebrow,.visual-heading,.benefit-icon,.group-top>span,.steps article>span,.check-num) {
  color:var(--portal-accent);
}
html:root body .eyebrow>span {background:var(--portal-accent);box-shadow:none;}
html:root body :is(.button,.header-login,.footer-account):not(:disabled):not([aria-disabled="true"]) {
  border-color:var(--portal-accent);
}
html:root body .audience-tabs button[aria-pressed="true"] {border-color:var(--portal-accent);}
html:root body :is(a,button,input,select,summary):focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-invalid="true"]) {
  outline:2px solid var(--portal-accent);
  outline-offset:3px;
}
html:root body :is(.audience-grid>article,.task-list a,.benefits>article):is(:focus-visible,:has(:focus-visible)) {
  border-color:var(--portal-accent);
  box-shadow:0 0 18px var(--portal-accent-glow);
}
@media (hover:hover) and (pointer:fine) {
  html:root body :is(.button,.header-login,.footer-account,.audience-tabs button,.region-picker>summary):hover:not(:disabled):not([aria-disabled="true"]),
  html:root body :is(.audience-grid>article,.task-list a,.benefits>article):hover {
    border-color:var(--portal-accent);
    box-shadow:0 0 18px var(--portal-accent-glow);
  }
  html:root body :is(.audience-grid article>a,.header nav a,.text-link,.footer-columns a):hover {color:var(--portal-accent);}
}