/* Theme-aware product surfaces and restrained neutral dark elevation.
   Brandbook 3.19.0-server.1; light theme remains unchanged. */
html:root[data-portal-theme='dark'] {
 --pro-shadow-rest: 0 6px 18px rgb(255 255 255 / .06);
 --pro-shadow-hover: 0 12px 28px rgb(255 255 255 / .12);
}
html:root[data-portal-theme='dark'] :is(.portal-home,.pro-account-shell) .pro-product-card[data-product] {
 --card-surface: var(--pro-paper); --card-end: var(--pro-paper);
 --card-title: var(--pro-text); --card-copy: #bdbdbd;
 background: var(--pro-paper);
}
html:root[data-portal-theme='dark'] :is(.portal-home,.pro-account-shell) .pro-product-card[data-product] > :is(.portal-card-clip,.portal-card-surface),
html:root[data-portal-theme='dark'] :is(.portal-home,.pro-account-shell) .pro-product-card[data-product] .pro-card-caption {
 background: var(--pro-paper);
}
html:root[data-portal-theme='dark'] :is(.portal-home,.pro-account-shell) .pro-product-card[data-product] .pro-card-help-button,
html:root[data-portal-theme='dark'] :is(.portal-home,.pro-account-shell) .pro-product-card[data-product] .pro-card-help-button:is(:hover,:focus-visible) {
 background: #383838; color: #e4e4e4;
}