:host-context(.pref-theme-dark) {
  --mds-header-modal-icon-color: theme('colors.tone-neutral-01');
}

@media (prefers-color-scheme: dark) {
  :host-context(.pref-theme-system) {
    --mds-header-modal-icon-color: theme('colors.tone-neutral-01');
  }
}