/* Filled CTA must not use --ui-purple, a light foreground token in dark mode.
   TEHZILLA brandbook 3.19.0-server.1; preserve light theme and shared elevation. */
html:root[data-portal-theme='dark'] .portal-workspace > .pro-subscription-note > a.button {
 --pro-cta-fill: #6841b6; --pro-cta-hover: #754cc4; --pro-cta-active: #573598;
 background: var(--pro-cta-fill); color: #fff; filter: none;
}
html:root[data-portal-theme='dark'] .portal-workspace > .pro-subscription-note > a.button:is(:hover,:focus-visible) {
 background: var(--pro-cta-hover); color: #fff; filter: none;
}
html:root[data-portal-theme='dark'] .portal-workspace > .pro-subscription-note > a.button:active {
 background: var(--pro-cta-active); color: #fff; filter: none;
}