/* Color-only refinement. Keep typography, layout, disabled states and authored
   media unchanged. Never target canvas pixels or imported-page iframe content. */
html[data-color-mode] body :is(.sidebar .nav-link,.account-bridge-link,.commerce-nav a,.mobile-navigation .nav-link):not(.active):not([aria-disabled=true]) {
  color:var(--brand-text)!important;
}
html[data-color-mode] body :is(.form-field>span,.field>span,.pg-field>span,.ve-field>span,.rt-field>span,.cc-field>span,.media-field>span,.mw-field>span) {
  color:var(--brand-text)!important;
}
/* These legacy editing hints used colors outside the shared neutral palette. */
html[data-color-mode] body :is(.pg-editor-name .pg-eyebrow,.pg-pagebar-footer small,.pg-inspector-empty small,.pg-panel-heading p,.pg-library-note p,.pg-inspector-empty p) {
  color:var(--brand-muted)!important;
}
html[data-color-mode] body .ve-surface :is(.ve-track-empty,.ve-track-text .ve-track-empty) {
  color:var(--brand-muted);
}
html[data-color-mode] body .ve-surface :is(.ve-waveform-state,.ve-waveform-silent>small),
html[data-color-mode] body .es-job small,
html[data-color-mode] body .image-effects .green-levels small {opacity:1}
html[data-color-mode] body .ve-surface .ve-clip-inner>small {color:inherit}
/* Fixed dark artwork panels use white in either app theme. */
html[data-color-mode] body .cx-card-preview>span,
html[data-color-mode] body .cx-card-preview .cx-preview-line span,
html[data-color-mode] body .auth-story-content :is(p,span,.eyebrow),
html[data-color-mode] body .auth-story-footer,
html[data-color-mode] body .ud-welcome :is(.ud-eyebrow,p span),
html[data-color-mode] body .studio-hero :is(.eyebrow,.hero-specs,.hero-specs span,.hero-edition),
html[data-color-mode] body #video-workspace .studio-hero .hero-content>p {color:#FFFFFF!important}
html[data-color-mode] body .an-popup-close:focus-visible {outline-color:var(--brand-pink-light)}
/* Keep vivid pink selection text legible on a neutral surface. Existing pink
   borders and selection indicators still identify the active option. */
html[data-color-mode] body :is(.aa-periods button[aria-pressed=true],.aa-segmented button[aria-pressed=true]),
html[data-color-mode] body :is(.rt-surface,.rt-dialog) .rt-tabs .rt-button[aria-pressed=true],
html[data-color-mode] body :is(#text-workspace,#video-workspace,.media-workspace) .format-option:has(input:checked):not([aria-disabled=true]) {
  background:var(--brand-surface)!important;
}